// JavaScript Document
// by Keita Suzuki 2018

// ＊今回はmenu展開時の背景は無しのため背景部分は無効化（消さずにコメントアウト）


$(function(){ // jQuery start

// ★★★変数設定
	var $menu_toggle2 = $('.js_menu_toggle2'); //メニューボタンID/Class
	var $menu_toggle3 = $('.js_menu_toggle3'); //メニューボタンID/Class
	var $menu_toggle4 = $('.js_menu_toggle4'); //メニューボタンID/Class
	var $menu_toggle5 = $('.js_menu_toggle5'); //メニューボタンID/Class
	var $menu_body2   = $("#globalnav_child div div:nth-child(1)"); //ドロア枠ID/Class
	var $menu_body3   = $("#globalnav_child div div:nth-child(2)"); //ドロア枠ID/Class
	var $menu_body4   = $("#globalnav_child div div:nth-child(3)"); //ドロア枠ID/Class
	var $menu_body5   = $("#globalnav_child div div:nth-child(4)"); //ドロア枠ID/Class
	
	var $drawer_speed_open  = 200; //開くスピード（ミリ秒）
	var $drawer_speed_close = 400; //閉じるスピード（ミリ秒）

// ★★★ドロアの開閉[ボタン2]
	$menu_toggle2.on("click",function() {
		if($(this).hasClass('js_menu_open')){ //開→閉
	    $menu_body2.animate({'marginTop':'0px'},$drawer_speed_close);
	    $(this).removeClass("js_menu_open");
    }else{ //閉→開 (自分以外は閉じる)
      $menu_body2.animate({'marginTop':'103px'},$drawer_speed_open);
      $menu_body3.animate({'marginTop':'0px'},$drawer_speed_close);
      $menu_body4.animate({'marginTop':'0px'},$drawer_speed_close);
      $menu_body5.animate({'marginTop':'0px'},$drawer_speed_close);
      $(this).addClass("js_menu_open");
      $menu_toggle3.removeClass("js_menu_open");
      $menu_toggle4.removeClass("js_menu_open");
      $menu_toggle5.removeClass("js_menu_open");
    }
	});

// ★★★ドロアの開閉[ボタン3]
	$menu_toggle3.on("click",function() {
		if($(this).hasClass('js_menu_open')){ //開→閉
	    $menu_body3.animate({'marginTop':'0px'},$drawer_speed_close);
	    $(this).removeClass("js_menu_open");
    }else{ //閉→開 (自分以外は閉じる)
      $menu_body3.animate({'marginTop':'103px'},$drawer_speed_open);
      $menu_body2.animate({'marginTop':'0px'},$drawer_speed_close);
      $menu_body4.animate({'marginTop':'0px'},$drawer_speed_close);
      $menu_body5.animate({'marginTop':'0px'},$drawer_speed_close);
      $(this).addClass("js_menu_open");
      $menu_toggle2.removeClass("js_menu_open");
      $menu_toggle4.removeClass("js_menu_open");
      $menu_toggle5.removeClass("js_menu_open");
    }
	});

// ★★★ドロアの開閉[ボタン4]
	$menu_toggle4.on("click",function() {
		if($(this).hasClass('js_menu_open')){ //開→閉
	    $menu_body4.animate({'marginTop':'0px'},$drawer_speed_close);
	    $(this).removeClass("js_menu_open");
    }else{ //閉→開 (自分以外は閉じる)
      $menu_body4.animate({'marginTop':'103px'},$drawer_speed_open);
      $menu_body2.animate({'marginTop':'0px'},$drawer_speed_close);
      $menu_body3.animate({'marginTop':'0px'},$drawer_speed_close);
      $menu_body5.animate({'marginTop':'0px'},$drawer_speed_close);
      $(this).addClass("js_menu_open");
      $menu_toggle2.removeClass("js_menu_open");
      $menu_toggle3.removeClass("js_menu_open");
      $menu_toggle5.removeClass("js_menu_open");
    }
	});

// ★★★ドロアの開閉[ボタン5]
	$menu_toggle5.on("click",function() {
		if($(this).hasClass('js_menu_open')){ //開→閉
	    $menu_body5.animate({'marginTop':'0px'},$drawer_speed_close);
	    $(this).removeClass("js_menu_open");
    }else{ //閉→開 (自分以外は閉じる)
      $menu_body5.animate({'marginTop':'103px'},$drawer_speed_open);
      $menu_body2.animate({'marginTop':'0px'},$drawer_speed_close);
      $menu_body3.animate({'marginTop':'0px'},$drawer_speed_close);
      $menu_body4.animate({'marginTop':'0px'},$drawer_speed_close);
      $(this).addClass("js_menu_open");
      $menu_toggle2.removeClass("js_menu_open");
      $menu_toggle3.removeClass("js_menu_open");
      $menu_toggle4.removeClass("js_menu_open");
    }
	});


}); // jQuery end