// JavaScript Document
// by Keita Suzuki 2018


$(function(){

// ★★★変数設定
	var $drawer_toggle = $('#drawer-toggle'); //メニューボタンID/Class
	var $drawer_body   = $("nav#drawer"); //ドロア枠ID/Class
	var $drawer_base   = $("#body-inactive"); //ドロア背景ID/Class
	var $drawer_cat_parent = $(".drawer-normal a.parent"); //カテゴリ名(トグルする項目)
	var $drawer_active = "active"; //変化後につけるクラス名
	var $drawer_speed_open  = 200; //開くスピード（ミリ秒）
	var $drawer_speed_close = 400; //閉じるスピード（ミリ秒）

// ★★★ドロアの開閉
	$drawer_toggle.on("click",function() {
		if($(this).hasClass('drawer-open')){ //開→閉
	    $drawer_body.animate({'marginRight':'0px'},$drawer_speed_close);
	    $(this).animate({'marginRight':'0px'},$drawer_speed_close);
	    $(this).removeClass($drawer_active); //ハンバーガーの変化用
	    $drawer_base.hide();
	    $(this).removeClass("drawer-open");
    }else{ //閉→開
      $drawer_body.animate({'marginRight':'260px'},$drawer_speed_open);
      $drawer_base.show();
      $(this).animate({'marginRight':'254px'},$drawer_speed_open);
      $(this).addClass($drawer_active); //ハンバーガーの変化用
      $(this).addClass("drawer-open");
    }
	});
	

// ★★★ドロアの開閉（背景タップ時）
	$drawer_base.on("click",function() {
    $drawer_body.animate({'marginRight':'0px'},$drawer_speed_close);
    $drawer_toggle.animate({'marginRight':'0px'},$drawer_speed_close);
	  $drawer_toggle.removeClass($drawer_active); //ハンバーガーの変化用
    $drawer_base.hide();
    $drawer_toggle.removeClass("drawer-open");
	});


// ★★★ドロア内の挙動
  $drawer_cat_parent.on("click", function() {
    // ★開閉
    // 自身が開かれている場合
    if ($(this).next().is(':visible')) {
    }else{
      $(".category ul:visible").slideUp(); //開かれているものを閉じる
    }
    $(this).next().slideToggle(); //自身を開閉

    // ★アイコン処理：
    // activeが存在する場合
    if ($(this).hasClass($drawer_active)) {
	    $(this).removeClass($drawer_active);  //thisのactive削除
	  }else{
		  $drawer_cat_parent.removeClass($drawer_active);  //全active削除
      $(this).addClass($drawer_active);  //thisにactive追加
	  }
  });

}); // jQuery end