jQuery 手风琴 展开全部

Anu*_*sha 1 html javascript jquery accordion

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

<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>
Run Code Online (Sandbox Code Playgroud)

在我的页面中,我有一个链接,上面写着Expand All,通过单击此链接,我希望能够展开我的所有手风琴。

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

            }

        })
    }
}
Run Code Online (Sandbox Code Playgroud)

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

欢迎任何帮助。谢谢 :)

May*_*eyz 5

尝试这个:

$(".ui-accordion-content").show();
Run Code Online (Sandbox Code Playgroud)

它将打开所有手风琴。

工作小提琴