javascript - Accordion 打开但无法关闭

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

删除href来自<dd><a> .

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

Updated fiddle here.