// JavaScript Document
(function($){
  $.fn.nav2 = function(){
    return this.each(function(){
      var $nav = $(this),
          $menu = $nav.find(".menu"),
          $subm1 = $nav.find(".subm1"),
          $subm2 = $nav.find(".subm2");
    $sub_btn = $nav.find(".sub_btn");
      
      $nav.mouseenter(function(){
        navOn();
      }).mouseleave(function(){
        navOff();
      });
      
      $nav.find("a").focusin(function(){
        navOn();
      }).focusout(function(){
        navOff();
      });
   
   
        
  
      function navOn(){
        $nav.find($subm2).stop().animate({height: "264"});
  $nav.find($sub_btn).css({"background":"url(/base_1/img/2019renewal/menu/btn_close.png)"});  
  $nav.find($sub_btn).on('click', navOff);
      }
      
      function navOff(){
        $nav.find($subm2).stop().animate({height: "0"});
  $nav.find($sub_btn).css({"background":"url(/base_1/img/2019renewal/menu/btn_open.png)"});
  $nav.find($sub_btn).on('click', navOn);  
      }
     
    });
  }
})(jQuery);
$(function(){
  $(".nav2").nav2();
});