$(function() {
    $('.nav-btn').click(function() {
      $('.nav-btn').toggleClass('nav-btn-active');
      $('.mobile-gnb').slideToggle();
        $('.gnb-menu>ul>li>ul').css( "right", "-100%" );
    });
  })
  
  
  $(function() {
    $('#opensearch').click(function() {
      $('.srch-box').slideToggle(300);
    });
  })
  
  $(function() {
    $('.closesrch').click(function() {
      $('.srch-box').slideUp(300);
    });
  })
  $(document).mouseup(function (e){
      var LayerPopup = $("header");
      if(LayerPopup.has(e.target).length === 0){
          $('.mobile-gnb').slideUp();
      $('.nav-btn').removeClass('nav-btn-active');
      $('.gnb-menu>ul>li>ul').css( "right", "-100%" );
      }
  });
  // 떨어지는 메뉴
  $.sidebarMenu = function(menu) {
    var animationSpeed = 300,
      subMenuSelector = '.sidebar-submenu';
  
    $(menu).on('click', 'li a', function(e) {
      var $this = $(this);
      var checkElement = $this.next();
  
      if (checkElement.is(subMenuSelector) && checkElement.is(':visible')) {
        checkElement.slideUp(animationSpeed, function() {
          checkElement.removeClass('menu-open');
        });
        checkElement.parent("li").removeClass("active");
      }
  
      //If the menu is not visible
      else if ((checkElement.is(subMenuSelector)) && (!checkElement.is(':visible'))) {
        //Get the parent menu
        var parent = $this.parents('ul').first();
        //Close all open menus within the parent
        var ul = parent.find('ul:visible').slideUp(animationSpeed);
        //Remove the menu-open class from the parent
        ul.removeClass('menu-open');
        //Get the parent li
        var parent_li = $this.parent("li");
  
        //Open the target menu and add the menu-open class
        checkElement.slideDown(animationSpeed, function() {
          //Add the class active to the parent li
          checkElement.addClass('menu-open');
          parent.find('li.active').removeClass('active');
          parent_li.addClass('active');
        });
      }
      //if this isn't a link, prevent the page from being redirected
      if (checkElement.is(subMenuSelector)) {
        e.preventDefault();
      }
    });
  }
  $.sidebarMenu($('.sidebar-menu'))