手風琴撥動開關

Question

抱歉，如果問了無數次，但是我有一個手風琴可以工作，但是我需要它來切換當前打開的元素。 就目前而言，它不會關閉當前打開的元素。

看我的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

您應該檢查選項卡是否已經打開。 如果它是打開的，則單擊標題，然后單擊slideUp。 如果不是，請像您已經做過的那樣使用slideDown。

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

您可以使用：

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

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

DEMO

Answer 2

你可以這樣做

$(this).parent().next().slideToggle(100);      
allPanels.not($(this).parent().next()).slideUp(100);

DEMO