東京の会社辞めて地方で生きるわ。

勢いで会社を辞めて縁のない地方で生きることはできるのか

ハンバーガーボタンのスクリプト

ハンバーガーを連打したとき、そのアニメーションとグローバルナビが出るときたまにずれるときがある。それを下記コードで解決

<div id="sp_g">
  <nav>
    <!--このボックスがスマホのグローバルナビ -->
  
  </nav>
</div><!-- sp_g -->



    <a class="menu-trigger" href="#">
	  <span></span>
	  <span></span>
	  <span></span>
    </a>
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 41px;
	height: 30px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #e60012;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 14px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(13px) rotate(-315deg);
	transform: translateY(13px) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-15px) rotate(315deg);
	transform: translateY(-15px) rotate(315deg);
}
  
.menu-trigger.active span{
  background: #fff;  
}

.sp_menu{
  position: fixed;
  z-index: 1000; 
  right: 2%;
  top: 20px;
}
  $('.menu-trigger').click(function(){
	event.preventDefault(); 
    $(this).toggleClass('active');
	$('#sp_g').toggleClass('active');
  });