javascript - 无法关闭 Accordion

Question

我正在使用 Foundation 5 Accordion 。它们有效，但我想添加平滑的过渡。我这样做了，然后它抛出了一个类型错误。解决此问题后，不会引发任何错误，但脚本不会关闭打开的面板!

如何关闭面板？

这是使用的脚本:

$(function() {
 $(".accordion").on("click", "dd", function (event) {
   $("dd.active").find(".content").slideToggle("slow");
   $(this).find(".content").slideToggle("slow");

   var current =  $(event.currentTarget);
   if (current.hasClass('active')) {
      current.removeClass('active');
   } 
 })
});

我认为这会处理打开的面板:

var current =  $(event.currentTarget);
   if (current.hasClass('active')) {
      current.removeClass('active');
   }

但是第一次可以用，之后就不行了。

如何解决这个问题？

jsFiddle

Answer 1

如果要关闭面板，应使用slideUp()方法，也可以使用:not()选择器来排除事件元素:

$(".accordion").on("click", "dd:not(.active)", function (event) {
   $("dd.active").removeClass('active').find(".content").slideUp("fast");
   $(this).addClass('active').find(".content").slideToggle("fast");
});

http://jsfiddle.net/J8456/