toggleClass

toggleClassは指定したclassが要素に無ければ追加し、あれば削除します。

記述例

$('要素').toggleClass('指定のクラス');

用例

下の例では.btn要素をクリックしたときに、.btn要素にbtn-openクラスが無ければ付与、あれば削除する記述です。当サイトのトップページの新着情報の展開やハンバーガーメニューも同じ仕組みを取り入れています。

<script>
jQuery(function($){
  $('.btn').on(click,function(){
    $(this).toggleClass('btn-open');
  });
});
</script>