Jquery Accordion Mở rộng Tất cả Thu gọn Tất cả

Question

Tôi đang tìm cách bao gồm "mở rộng tất cả" và "thu gọn tất cả". Tôi đã cập nhật bản demo với mã mới bằng cách sử dụng một accordion jquery đơn giản.

Mã gốc nên được ghi có vào Ryan Stemkoski tại http://www.stemkoski.com/stupid-simple-jquery-accordion-menu/

Demo: http://jsbin.com/ucalu3/5/

$(document).ready(function() { 
    $('.question').click(function() { 

    if($(this).next().is(':hidden') != true) { 
       $(this).removeClass('active'); 
    $(this).next().slideUp("normal"); 
    } else { 
    $('.question').removeClass('active'); 
    $('.answer').slideUp('normal'); 
    if($(this).next().is(':hidden') == true) { 
    $(this).addClass('active'); 
    $(this).next().slideDown('normal'); 
    } 
    } 
    }); 

    $('.answer').hide(); 

    $('.expand').click(function(event) 
    {$('.question').next().slideDown('normal'); 
     {$('.question').addClass('active');} 
    } 
); 

    $('.collapse').click(function(event) 
    {$('.question').next().slideUp('normal'); 
     {$('.question').removeClass('active');} 
    } 
); 
}); 

Answer 1

tôi sẽ thêm một lớp hoặc ID để mở rộng và sự sụp đổ liên kết sau đó một cái gì đó như thế này sẽ hoạt động

$(document).ready(function() { 
    $("#expand").click(function(){ 
    ('.answer').slideDown('normal'); 
    }); 

    $("#collapse").click(function(){ 
    ('.answer').slideUp('normal'); 
    }); 
} 

Answer 2

Điều này có thể được giải quyết dễ dàng hơn nhiều.

Chỉ cần sử dụng lệnh ẩn/hiển thị jQuery trên phần tử accordion ('.ui-widget-content') mà bạn muốn mở rộng/thu gọn.

dụ:

$(document).ready(function() { 
     $('.expand').click(function() { 
      $('.ui-widget-content').show(); 
     }); 
     $('.collapse').click(function() { 
      $('.ui-widget-content').hide(); 
     }); 
}); 

Xem fiddle: http://jsfiddle.net/ekelly/hG9b5/11/