2017-04-17 107 views
0

我有幾種這種格式的手風琴。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> 

在我的網頁,我有一個鏈接,說全部展開,點擊此鏈接我希望能夠擴大我所有的手風琴。

<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,這意味着我的循環在第一次擴展後終止。我無法理解這種行爲。

任何幫助,歡迎。謝謝:)

回答

2

試試這個:

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

它會打開所有的手風琴。

Working Fiddle

+0

這工作就像一個魅力:)謝謝 – Anusha

+1

聽起來不錯!。如果答案可以幫助您,請不要忘記接受並投票 –