jQuery日本語リファレンス

jQuery does not mean Japanese Query...

Attributes/API/jQuery

toggleClass(class)

指定したCSSクラスが要素に無ければ追加し、あれば削除する。
引数
class
String
指定または削除するCSSクラス名
戻り値
jQuery
jQueryオブジェクト
サンプル
サンプル1
p要素をクリックする度に、'highlight'クラスを付けたり消したりする。
p { margin: 4px; font-size:16px; font-weight:bolder;
    cursor:pointer; }
.blue { color:blue; }
.highlight { background:yellow; }
<p class="blue">Click to toggle</p>
<p class="blue highlight">highlight</p>
<p class="blue">on these</p>
<p class="blue">paragraphs</p>
$("p").click(function () {
  $(this).toggleClass("highlight");
});
[全コードを表示] [実行結果を単体で表示]