jquery - クリックでスタイルを追加し、2 回目のクリックで別のスタイルを追加します

Question

これが私のコードです：

クリックすると、「div 1を表示」と仮定すると、その下の点線の境界線が削除されますが、もう一度クリックすると、境界線は返されませんが、必要なことはありません。

score 0 · Accepted Answer

トリックを行うはずの toggleClass を使用してください。必要のない each() を実行しています。クリックする必要がある要素にフックするだけです。各親 li などをループする必要はありません。

ここで最初の例を参照してください: http://api.jquery.com/toggleClass/

score 0 · Accepted Answer

はるかにクリーンであるため、クラスを使用して管理することをお勧めします。

$('#element').click(function() {
  if ($(this).hasClass('class1')) {
    $(this).addClass('class2');
  }
}

スタイルも同様です。例：

$('#element').click(function() {
  if ($(this).css('background-color')=='red') {
    $(this).css('color', 'white');
  }
}

2 に答える 2