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;
});