//メニュー展開後のクリック表示切り替え機能
//PC版と関数名を揃えていますが、微妙に違うので注意。

$(function(){
  //init
  headerDropdownBtn();
  headerMegamenu();


  //ログインボタンのドロップダウン
  function headerDropdownBtn() {
    var targetBtn = $('.l-spNavi__btn--hasDropdown');
    var closeBtn = $('.l-spNavi__dropdown-close');

    targetBtn.on('click', function() {
      //メガメニューが開いてる場合は閉じる
      if ($('.l-spNavi__subNavi-link--hasDropdown').hasClass('is-open')) {
        $('.l-spNavi__megaMenu').hide();
        $('.l-spNavi__subNavi-link--hasDropdown').removeClass('is-open');
      }

      if ($(this).hasClass('is-open')) {
        $(this).next('.l-spNavi__dropdown-wrap').hide();
        $(this).removeClass('is-open');
      } else {
        $('.l-spNavi__dropdown-wrap').hide();
        $('.l-spNavi__btn--hasDropdown').removeClass('is-open');
        $(this).next('.l-spNavi__dropdown-wrap').slideDown();
        $(this).addClass('is-open');
      }
    });
    closeBtn.on('click',function(){
      $(this).parents('.l-spNavi__dropdown-wrap').prev('.l-spNavi__btn--hasDropdown').removeClass('is-open');
      $(this).parents('.l-spNavi__dropdown-wrap').hide();
    });
  }

  //サブナビ開閉
  function headerMegamenu() {
    var targetBtn = $('.l-spNavi__subNavi-link--hasDropdown');
    var closeBtn = $('.l-spNavi__megaMenu-close');

    targetBtn.on({
      "click": function(e){
        e.preventDefault();
        //ログインドロップダウンが開いている場合は閉じる
        if ($('.l-spNavi__btn--hasDropdown').hasClass('is-open')) {
          $('.l-spNavi__dropdown-wrap').hide();
          $('.l-spNavi__btn--hasDropdown').removeClass('is-open');
        }

        if ($(this).hasClass('is-open')) {
          $(this).next('.l-spNavi__megaMenu').hide();
          $(this).removeClass('is-open');
        } else {
          //一つ開いたら他のを閉じる場合は
          // $('.l-spNavi__megaMenu').hide();
          // targetBtn.removeClass('is-open');
          $(this).next('.l-spNavi__megaMenu').show();
          $(this).addClass('is-open');
        }
      },
    });
    closeBtn.on('click',function(){
      $(this).closest('.l-spNavi__subNavi-item').find('.l-spNavi__subNavi-link').trigger('click');
    });
  }
});