※スクロール位置が520pxを超えた場合headerタグ内のlogoクラスとhamクラスを表示します。（520pxに満たない間は非表示） 表示されたハンバーガーメニューを押下するとhamクラスにclass=”active”が付与されます。

下記の切り替えです。 ハンバーガーメニューが押下され、hamクラスにclass=”active”がある場合、logoクラス、nav、maskクラスにもclass=”activeを付与します。 ハンバーガーメニューが押下され、hamクラスにclass=”active”がない場合、logoクラス、nav、maskクラスのclass=”activeを削除します。

※ページ内スムーズスクロールはヘッダーの高さがある場合、topからマイナスします。

          $(function(){
  /*==============================================
  ハンバーガ―メニュー
  ================================================*/
  // ハンバーガーメニューをクリックした時
  $('.ham').on('click', function() {
    // ハンバーガーメニューの共通処理を呼び出す
    hamburger();
  });
  // メニュー内をクリックした時
  $('nav').on('click', function() {
    // ハンバーガーメニューの共通処理を呼び出す
    hamburger();
  });  
  // メニューリンクをクリックした時
  $('nav a').on('click', function() {
    // ハンバーガーメニューの共通処理を呼び出す
    hamburger();
  });
  // maskをクリックした時
  $('.mask').on('click', function() {
    // ハンバーガーメニューの共通処理を呼び出す
    hamburger();
  });

  function hamburger() {
    // toggleClassを使用することで、hamクラスにactiveクラスが存在する場合は削除、
    // 存在しない場合を追加する処理を自動で行ってくれる
    $('.ham').toggleClass('active');

    if ($('.ham').hasClass('active')) {
      // logoクラスにactiveクラスが存在する場合は、logoクラスにもactiveクラスを追加する
      $('.logo').addClass('active');
    } else {
      // logoクラスにactiveクラスが存在しない場合は、logoクラスからactiveクラスを削除する
      $('.logo').removeClass('active');
    }

    if ($('.ham').hasClass('active')) {
      // hamクラスにactiveクラスが存在する場合は、navにもactiveクラスを追加する
      $('nav').addClass('active');
    } else {
      // hamクラスにactiveクラスが存在しない場合は、navからactiveクラスを削除する
      $('nav').removeClass('active');
    }

    if ($('.ham').hasClass('active')) {
      // hamクラスにactiveクラスが存在する場合は、maskクラスにもactiveクラスを追加する
      $('.mask').addClass('active');
    } else {
      // hamクラスにactiveクラスが存在しない場合は、maskクラスからactiveクラスを削除する
      $('.mask').removeClass('active');
    }
  }
  /*==============================================
  スクロール時のイベント
  ================================================*/
  $(window).scroll(function() {
    // スクロール位置を取得
    let scroll = $(window).scrollTop();

    /*==============================================
    ロゴ、ハンバーガーメニューの表示
    ================================================*/
    // スクロール位置が520pxを超えた場合
    if (scroll > 520) {
      // ロゴとハンバーガ―メニュをfadeInで表示する
      $('.logo').fadeIn(500);
      $('.ham').fadeIn(500);
    // スクロール位置が520px未満の場合
    } else {
      // ロゴとハンバーガ―メニュをfadeOutで非表示にする
      $('.logo').fadeOut(500);
      $('.ham').fadeOut(500);
    }
  });
  
  /*==============================================
  ページ内スムーズスクロール
  ================================================*/
  // ページ内リンクのイベント
  $('a[href^="#"]').click(function(){
    // リンクを取得
    let href= $(this).attr("href");
    // ジャンプ先のid名をセット
    let target = $(href == "#" || href == "" ? 'html' : href);
    // トップからジャンプ先の要素までの距離を取得
    // ヘッダーの高さがある場合はtopからマイナスする
    let position = target.offset().top - 80;
    // animateでスムーススクロールを行う
    // 600はスクロール速度で単位はミリ秒
    $("html, body").animate({scrollTop:position}, 600, "swing");
    return false;
  });

});