折叠Jquery手风琴

时间:2012-12-03 17:53:05

标签: jquery accordion jquery-ui-accordion collapse

我使用以下脚本作为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

所以我的问题是,当我再次点击它时,如何让活动面板关闭,而不是直接关闭并打开?

1 个答案:

答案 0 :(得分:0)

它会立即再次打开,因为这就是您的代码所要做的事情

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