jQuery的手風琴打開和關閉

Question

針對常見問題的網站我的用戶這個小打開的問題

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

這工作正常，並且片斷如果我點擊第二個問題的第一個答案將被隱藏。

它是如何工作的，所以我可以點擊第一個問題，再按一下第一個問題就會隱藏第一個答案。

Answer 1

您可以使用slideToggle根據元素的當前狀態切換狀態。

$(this).parent().next().slideToggle(); 

你可以這樣做：

var allPanels = $('.accordion > dd').hide(); 
$('.accordion > dt > a').click(function() { 
    allPanels.not($(this).parent().next().slideToggle()).slideUp(); 
    return false; 
});