jQuery 手风琴 展开全部

Question

我有几个这种格式的手风琴。

<div id="accordion-0" class="jquery-accordion ui-accordion ui-widget ui-helper-reset" role="tablist">
<h3 class="some-class">Some other span elements here</h3></div>

在我的页面中，我有一个链接，上面写着全部展开，通过点击这个链接我希望能够展开我所有的手风琴。

<a href="javascript:expandAll(10);">
function expandAll(count) {
    for (i = 0; i <= count; i++) {
        $(function() {
            if ($("#accordion-" + i + " h3").attr("aria-selected") !== "true") {
                $("#accordion-" + i + " h3").click();

            }

        })
    }
}

只有第一个手风琴正在扩展。我试图将console.log() 放在for 循环中以打印i 的值，但它只打印0，这意味着我的循环在第一次扩展后终止。我无法理解这种行为。

欢迎任何帮助。谢谢:)

Answer 1

试试这个：

$(".ui-accordion-content").show();

它将打开所有的手风琴。

Working Fiddle

Answer 2

html:

 <a href="#" id="accordion-0">Expand All</a>

jquery:

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