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

            }

        })
    }
}

只有第一支手风琴正在扩大。我试图在for循环中放置console.log()来打印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();
  });