切換功能Javascript

Question

我正在嘗試創建一個在函數“ openclose（j）”上單擊時在兩個類之間切換的切換。 我嘗試使腳本僅使用removeClass（“ arrow-down”），它可以正常工作，但不會執行addClass（“ arrow-up”）。 這真的很煩人:)

    function openclose(j){
        if(jQuery('#div_'+j).hasClass("arrow-down")) {
            jQuery('#div_'+j).removeClass("arrow-down").addClass("arrow-up");
        }
        if (jQuery('#div_'+j).hasClass("arrow-up")) {
            jQuery('#div_'+j).removeClass("arrow-up").addClass("arrow-down");
        }

        jQuery('#collaps_'+j).toggle(
            function () {

            }
        );
    }

任何幫助深表感謝，

此致Mathias

Answer 1

您可以使用toggleClass（）來滿足您的要求：

function openclose(j){
    jQuery('#div_'+j).toggleClass("arrow-down").toggleClass("arrow-up");
}

Answer 2

使用else if語句...

function openclose(j){
    if(jQuery('#div_'+j).hasClass("arrow-down")) {
        jQuery('#div_'+j).removeClass("arrow-down").addClass("arrow-up");
    }
    else if (jQuery('#div_'+j).hasClass("arrow-up")) {
        jQuery('#div_'+j).removeClass("arrow-up").addClass("arrow-down");
    }

    jQuery('#collaps_'+j).toggle(
        function () {

        }
    );
}

問題是您要在添加“箭頭向上”類后立即刪除它！

或者，您可以考慮使用toggleClass JQuery函數。

Answer 3

為什么不使用.toggleClass() ？

jQuery('#div_'+j).toggleClass("arrow-down").toggleClass("arrow-up");