title: Apply css class to open dropdown
body: <p>This is my code: <a href="http://jsfiddle.net/u5brv/8/" rel="nofollow noreferrer">http://jsfiddle.net/u5brv/8/</a></p>
  
  <pre><code>$('#nav li').click(function (e) {
      e.stopPropagation();
      $('ul #items').toggle(100);
  });
  
  $(document).click(function() {
      $('#items').hide();
  });
  </code></pre>
  
  <p>I'm trying to change the top menu "top level" css when the dropdown menu is open. I have an active class for it in the CSS, but how can I apply this CSS class to the menu when it has been expanded.</p>