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>

但现在我需要添加两个按钮：一个“全部折叠”，另一个为“全部展开”。

你有没有对如何实现这一目标有什么建议？

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()
});