var buttonEl = document.querySelector('.burger');

// First Click button
function clickButton() {
  anime.remove(buttonEl);

var clickAnimation = anime.timeline ({
	targets:'.closeLine1, .closeLine2 ', 	
    delay: function(el, i) { return i * 75; }, 
    duration: 150,
  	easing: 'linear'
  });
  clickAnimation.add({
    targets:'.not-clickable .burgerLine1, .not-clickable .burgerLine2', 
    width:  '0px',
	update: function(anim) {		
      buttonEl.classList.remove("not-clickable");
      buttonEl.classList.add("clickable");
    }    
  });  
   clickAnimation.add({	 
    width: ['0px', '32px']
  });
   
}
buttonEl.addEventListener('click', clickButton,  function() {	
	anime.clickButton;	
});

// Second Click button
function unClickButton() {
  anime.remove(buttonEl);

var unClickAnimation = anime.timeline ({
	targets:'.clickable .closeLine1, .clickable .closeLine2 ', 	
    delay: function(el, i) { return i * 75; }, 
    duration: 150,
  	easing: 'linear'
  });
  unClickAnimation.add({    
    width:  '0px',
	update: function(anim) {	
		buttonEl.classList.remove("clickable");
      buttonEl.classList.add("not-clickable");      
    }    
  });
  unClickAnimation.add({
    targets:'.burgerLine2', 
    width:  ['0px', '24px']    
  });  
   unClickAnimation.add({	
	targets:'.burgerLine1',
    width: ['0px', '32px']
  });   
}
buttonEl.addEventListener('click', unClickButton,  function() {		
		anime.unClickButton;		
});

<div>0</div>
<button>Click</button>
<script>
var dest = document.querySelector('div'),
      trig = 1;
function setOne() {
     dest.innerText = "1";
}
function setZero() {
     dest.innerText = "0";
}
document.querySelector('button').addEventListener('click', function() {
   var act = trig > 0? setOne():setZero();
   trig = -trig;
});
</script>