Аккордеон с использованием jquery

Question

Как скрыть панель внутри аккордеона, созданного с помощью JQuery?

JS файлы:

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="ui.core.js"></script> 
<script type="text/javascript" src="ui.accordion.js"></script> 

код:

jQuery(document).ready(function() { 

$(document).ready(function() { 

    $("#accordion").accordion(); 

}); 

Потребности:

По типу входа пользователя панель должна скрыть (включая заголовок).

Пример:

В моем примере есть три панели внутри аккордеона. Только я хочу показать два из них пользователю. Как достичь этого?

Answer 1

Найдите свой DOM элемент и вызвать функцию скрытия.

$("#myElementInsideAccordian").hide(); 

Answer 2

Не уверен, что это то, что вы имеете в виду, но для того, чтобы панель аккордеона была свернута, вам необходимо установить свойство складывания аккордеона в значение true. Если вы хотите, чтобы все панели были сначала свернуты, вам также необходимо сначала установить активное свойство в false. jQuery Accordion documentation имеет полный пример того, как это сделать.

например

$(document).ready(function(){ 
    $("#accordion").accordion({ active: false, collapsible: true }); 
}); 

Answer 3

Ошибка вашей фотографии возникает потому, что вы не в самом порядке. core должен прийти до файла аккордеона:

<script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="ui.core.js"></script> 
<script type="text/javascript" src="ui.accordion.js"></script> 

Насколько скрывает панель идет, сначала посмотрим, если вышеупомянутая исправление избавляется от вашей ошибки, измените свой вопрос, чтобы обеспечить более подробно в то, что вы хотите.