2012-01-24 3 views
0

Я использую JQuery UI Accordian в первый раз, и до сих пор это было довольно просто. Однако я столкнулся с проблемой, которую я, похоже, не могу решить.JQuery UI Accordian - Collapse All Button

Мне нужно создать кнопку extenal, которая разрушает все аккордеоны.

Вот код:

$(function() { 
    $("#accordion").accordion({ header: "h3", collapsible: true, active: false, autoHeight:false }); 
}); 

Вот что я пытался на пролете, который не работает:

$('.section_close').click(function() { 
    $('#accordion').accordion({}); 
}); 

Помощь!

ответ

0

Активация -1 должна разрушать все аккордеонные панели.

$('#accordion').accordion('activate', -1); 

Таким образом, вы можете прикрепить его к нажатию кнопки, и вы должны быть добрым!

+0

$ ('. Section_close'). Click (function() { $ ('# accordion'). Accordion ('activate', -1); }); – user1168188

+0

Все еще не работает, когда я присоединяю класс. – user1168188

+0

Я прикрепляю это правильно к кнопке? – user1168188

1

Решено. Извините за вопросы noob, я дизайнер для дизайнеров.

Вот код, который работал для меня, пожалуйста, дайте мне знать, если какой-либо синтаксис неверен.

$(function() { 
    $("#accordion").accordion({ header: "h1", collapsible: true, active: false, autoHeight:false }); 
    $('#close').click(function() { 
     $('#accordion').accordion('activate', -1); 
    }); 
}); 

Еще раз спасибо!