折叠 Jquery 手风琴答案

【问题标题】：Collapse Jquery Accordion折叠 Jquery 手风琴
【发布时间】：2012-11-21 06:06:27
【问题描述】：

我正在为 jquery 手风琴使用以下脚本：

(function($) {

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

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

但是，当我单击标题以将其关闭时，它会关闭，然后立即再次打开。可以在这里看到脚本：http://www.one-event.org.uk/wordpress/#!/programme

所以我的问题是，当我再次单击活动面板时如何关闭它，而不是立即关闭并打开？

【问题讨论】：

很好，但问题是什么？

标签： jquery accordion jquery-ui-accordion collapse

【解决方案1】：

它会立即再次打开，因为这就是您的代码要执行的操作

allPanels.slideUp(); // Hide the panel
$(this).parent().next().slideDown(); //Show it again

将这些行替换为

allPanels.not(this).slideUp(); //hide only ones that aint this one.
$(this).parent().next().slideToggle(); //show or hide based on current display

【讨论】：