title: How to make .toggle from .animate
body: <p>I have hamburger menu that comes in with an animation. When I  click again on hamburger menu (after I have already escaped from the menu), the menu appears without animation. </p>
  
  <p>I assume it is caused by .animate - I need to make .toggle</p>
  
  <blockquote>
  <pre><code>$(document).ready(function() {
    $("#openMenu").click(function() {
      $("#main").toggle(200);
      $("#menuSection").toggle(200);
      $(".menu").animate({ left: "2%" });
    });
  });
  </code></pre>
  </blockquote>
  
  <p>CSS: </p>
  
  <blockquote>
  <pre><code>.menu {  
  height: 100px;   
  width: 0px;  
  background-color: #450a5a;  
  display: flex;   
  position: absolute;   
  left: -50%;   
  cursor: pointer; 
  pointer-events: none;   
  transition: all 0.5s; 
  }
  </code></pre>
  </blockquote>