自定义jQuery的手风琴

Question

我想做到以下几点：

1）默认& 2打开第一盒），点击后关闭对话框。现在它关闭&立即重新打开。

DEMO：http://jsfiddle.net/2hmzcgqm/

(function($) { 

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

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

})(jQuery); 

Answer 1

1）click处理程序之后添加此行：

：

$('.accordion > dt > a').first().trigger('click'); 

2）在click处理程序的第二行添加此行

if ($(this).parent().next().is(":visible")) return false; 

So：

$('.accordion > dt > a').click(function() { 
    allPanels.slideUp(); 
    if ($(this).parent().next().is(":visible")) return false; 
    $(this).parent().next().slideDown(); 
    return false; 
}); 
$('.accordion > dt > a').first().trigger('click'); 

更新FIDDLE

Answer 2

小提琴：http://jsfiddle.net/2hmzcgqm/3/ 保存的知名度，然后它会确定它是否有显示或对

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

    $('.accordion > dt > a').click(function() { 
    var $dd = $(this).parent().next(), 
     isShown = $dd.is(':visible'); 

    allPanels.slideUp(); 

    $dd[isShown ? 'slideUp' : 'slideDown'](); 

    return false; 
    }); 

    $('.accordion > dt > a').get(0).click();