トグル関数Javascript

Question

"openclose（j）"という関数でオブジェクトをクリックすると、2つのクラスを切り替えるトグルを作ろうとしています。私はスクリプトを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() { 

      } 
     ); 
    } 

に対処する本当に迷惑である、if文

よろしく、 マティアス

Answer 1

が...

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 2

なぜ使用しないでください.toggleClass()？あなたが必要と何がどのtoggleClass()を使用することができます

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

Answer 3

：

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