Kích hoạt trình đơn jquery accordion bởi một sự kiện?

Question

Có thể mở bảng điều khiển tiếp theo trong trình đơn accordion jquery thông qua một sự kiện onclick nút riêng biệt không? Đó là thay vì nhấp vào tiêu đề để mở một bảng điều khiển khác, sử dụng một nút không được kết nối với accordion.

Answer 1

Vâng, chỉ cần gọi activate trên accordion như thế này:

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

đâu 1 là chỉ số mà bạn muốn mở.

Bạn có thể lấy hiện tại chỉ số zero-based của bảng điều khiển hoạt động bằng cách gọi:

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

Vì vậy, lấy cả các mặt hàng này lại với nhau, chúng ta có thể mở mục tiếp theo trên một nhấp chuột:

$("#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

Trong các phiên bản của JQuery UI 1.10 hoặc cao hơn, chức năng .activate đã không còn được dùng để sử dụng phương pháp 'tùy chọn' để thay thế bằng cách sử dụng câu trả lời trước và sẽ là:

$("#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); 

}