title: Jquery "hide" without animation
body: <p>I am trying to hide a div on click with no animation. This is my code: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script&gt;
  $('.open-menu').click(function(e){    
      $('#menulink').fadeOut('fast', function(){
          $('#menu, #menu-background').toggle('slide');
      });
  });
  
  $('#menu-background').click(function(e){    
      $('#menu, #menu-background').fadeOut('fast', function(){
          $('#menulink').fadeIn('fast');
      });
  });
  &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The desired action is when you click #menu-background it hides itself with #menu, then #menulink appears again. This I have accomplished, but I want it to hide with no fade or animation. Just to disappear on click. With .hide it still animated and with .fadeOut('0') it still fades. </p>
  
  <p>Any ideas?</p>