JQuery UI аккордеон - развернуть все

Question

Я использую ниже пример кода с сайта Jquery: http://jqueryui.com/accordion/#collapsible

<script> 
$(function() { 
$("#accordion").accordion({ 
collapsible: true 
}); 
}); 
</script> 
<div id="accordion"> 
    <h3>Section 1</h3> 
    <div> content 1 </div> 
    <h3>Section 2</h3> 
    <div> content 2 </div> 
    <h3>Section 3</h3> 
    <div> content 3 </div> 
</div> 

Но теперь мне нужно добавить две кнопки: одна для «Свернуть все» и еще один на «Expand Все".

Есть ли у вас какие-либо предложения о том, как достичь этого?

Answer 1

/** HTML код **/

<a id="collapseAll">Collapse All</a> 
<a id="expandAll">Expand All</a> 

/** Jquery код **/

$("#collapseAll").click(function(){ 
    $(".ui-accordion-content").hide() 
}); 


$("#expandAll").click(function(){ 
    $(".ui-accordion-content").show() 
});