title: How to add/remove CSS class to parent element in jQuery dropdown menu
body: <p>I have this fiddle: <a href="http://jsfiddle.net/tatygrassini/tZBXe/" rel="nofollow">http://jsfiddle.net/tatygrassini/tZBXe/</a></p>
  
  <p>Horizontal dropdown menu with a 1 level deep submenu. All menu links with :hover styles.</p>
  
  <p>Once parent clicked, submenu slides down, you hover out, submenu hides back, OK so far.</p>
  
  <p>I want to give the parent <code>Add/Remove my CSS class</code> a CSS class (.focus), when clicked to change its background color to fake a "focus" state. </p>
  
  <p>In the jsfiddle, when you click on the <code>Add/Remove my CSS class</code>, you'll see it changes its background-color to red for a second, this is because of the :active CSS style.<br />
  So, even when you hover on the submenu links, the parent link remains in "focus" state, but, when you hover out, the "focus" CSS class will be removed to achieve its normal state CSS.</p>