javascript - Accordion 切换开关打开/关闭

Question

抱歉，如果这个问题已被问过很多次，但我有一个可以使用的 Accordion ，但我需要它来切换当前打开的元素。就目前情况而言，它不会关闭当前打开的元素。

查看我的codepen

JavaScript:

function accordion() {
    var allPanels = $('.accordion > dd').hide();

    $('.accordion > dt > a').on('click', function(e) {
        e.preventDefault();

        allPanels.slideUp(100);
        $(this).parent().next().slideDown(100);
        return false;
    });
}

accordion();

Answer 1

您应该检查该选项卡是否已打开。如果它已打开并且您单击标题，然后单击“向上滑动”。如果不是，则像您已经做的那样向下滑动。

要检查元素是否可见，可以使用 .is(":visible")

您可以使用:

 if($(this).parent().next().is(":visible") ){

            $(this).parent().next().slideUp(100);
    }
    else{
            $(this).parent().next().slideDown(100);
    }

DEMO