手风琴打开但不会关闭

Question

我正在使用Foundation Accordion，并且添加了一个脚本，可以顺利地打开和关闭。 它可以工作，但问题是，如果只有一个面板，则可以打开它，但不能关闭它。

这是使用的代码：

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

我尝试了这段代码，但是没有用：

$("dd.active").on("click", function (event) {
    $("dd.active").removeClass('active').find(".content").slideUp("slow");
});

如何使它顺利关闭？

这是一个jsFiddle

注意：打开面板，然后尝试关闭它。

Answer 1

从<dd><a>删除href 。

JS：

$(function () {
    $(".accordion").on("click", "dd", function (event) {
        if (!($(this).hasClass("active"))) {
            $("dd.active").removeClass('active').find(".content").slideUp("fast");            
        }
        $(this).toggleClass('active').find(".content").slideToggle("fast");
    })
});

在这里更新了小提琴。