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.

手风琴打开但不会关闭

1 个答案: