如何让jQuery手风琴崩溃？

Question

以下是代码：

(function($) {

var allPanels = $('.accordion > dd').hide();

$('.accordion > dt > a').click(function() {
allPanels.slideUp();
$(this).parent().next().slideDown();
return false;
});

})(jQuery);

http://jsfiddle.net/chriscoyier/VPfJ5/3/

再次点击时，如何让手风琴折叠面板？

Answer 1

这就是答案：

(function($) {

var allPanels = $('.accordion > dd').hide();

$('.accordion > dt > a').click(function() {
    allPanels.slideUp();

    if($(this).parent().next().is(':hidden'))
    {
        $(this).parent().next().slideDown();
    }

    return false;
 });

})(jQuery);

Answer 2

更简单且防弹方法：LIVE DEMO

var allPanels = $('.accordion > dd').hide();

$('.accordion > dt > a').click(function( e ) {
   e.preventDefault(); // don't use return false;
   allPanels.stop().slideUp();
   $(this).parent().next('dd').stop().slideToggle();
 });

诀窍是

• slideUp所有小组
• 但在当前的
上使用slideToggle 正确使用.stop() ，
• 防弹

_{P.S：不要滥用return false，而是使用正确的event.preventDefault。}