通過事件觸發jquery手風琴菜單？

Question

是否有可能通過單獨的按鈕onclick事件打開jQuery手風琴菜單中的下一個面板？這不是單擊標題打開另一個面板，而是使用未連接到手風琴的按鈕。

Answer 1

是的，只需撥打這樣的手風琴activate：

$("#myaccordion").accordion("activate", 1); 

哪裏1是要打開的索引。

你可以通過調用得到活動面板的電流從零開始的索引：

var index = $("#myaccordion").accordion('option','active'); 

所以，服用這兩種物品放在一起，我們可以打開上的點擊下一個項目：

$("#mybutton").click(function(e){ 
    e.preventDefault(); 
    var acc = $("#myaccordion"), 
     index = acc.accordion('option','active'), 
     total = acc.children('div').length, 
     nxt = index + 1; 

    if (nxt >= total) { 
    nxt = 0; // Loop around to the first item 
    } 

    acc.accordion('activate', nxt); 
}) 

Answer 2

在JQuery UI 1.10或更高版本中，.activate函數已被棄用，以支持使用'option'方法，因此使用上述答案的另一種方法是：

$("#button").click(function(){ 
    var index = $("#accordion").accordion('option','active'); 
    var total = $("#accordion").children('div').length; 
    index++; 

    // include restart same as previous answer  
    if (index >= total) { 
     index = 0; 
    } 

    $("#accordion").accordion("option", "active", index); 

}