【JSメモ】ハンバーガーのトグルアクション

はじめに

ここでのトグルアクションは、

開くときは、ハンバーガーボタンで開く。
閉じるときは、画面のどこを押しても閉じる

で実装したいと思います。

コード

sample.js

// SP用：ハンバーガーのトグルアクション
$(document).on('click', function(e) {
  if($(e.target).is('#hamburger')) {
    $('.c-header__nav').toggleClass('c-header__is-active');
  } else if($(e.target).is('*')) {
    $('.c-header__nav').removeClass('c-header__is-active');
  }
});