手風琴打開但不會關閉

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

在這里更新了小提琴。