My own Simple Hamburg

by Faisal Khan Janjua

HTML

<div class="hamburg">
  <span></span>
  <span></span>
  <span></span>
</div>

CSS

.hamburg {
  float:left;
  width:50px;
}
.hamburg span{
  width:100%;
  height:4px;
  opacity:1;
  display:block;
  background: #666;
  margin-bottom:8px;
  transition:all ease-in-out .3s;
  -webkit-transition:all ease-in-out .3s;
}
.hamburg.open span:nth-child(2){
  opacity:0;
}

JavaScript

$(function(){
	$(document).on('click', '.hamburg', function(){
  	$(this).toggleClass('open');
  });
});