title: remove a a class and then hide it with jquery
body: <p>the following code i have does not seem to work.</p>
  
  <pre><code>$("ul li a").live("click", function() {
          $(".myMegaMenuDiv").addClass('hideit').delay(300).removeClass('hideit');
   });
  </code></pre>
  
  <p>I have a mega menu, so when you hover over a menu item it shows a div ".myMegaMenuDiv". But when I click a link in that div, i want it do disapear, as it currently does not. I was hoping the above code would resolve this.</p>
  
  <p>"hideit" adds a value of "display:none"</p>
  
  <p>It works when I just have "addClass", but when I add "delay" and "removeClass" it stops working.</p>
  
  <p>EDIT: Also... after I hide the ".myMegaMenuDiv" the menu does not show when I hover over a nav menu item, so it kind of needs to remove the class too</p>