title: onclick dropdown menu with fallback to on hover, work on more than one menu item
body: <p>Been trying to get it so that I have a dropdown menu dropdown on click, and if you do not have javascript enabled, so it uses regular mouseover.</p>
  
  <p>However, I can not get it to work on more than one menu item, so that it is now so click on a menu, so go all down with the same content.</p>
  
  <p>What am I doing wrong? See the example below.</p>
  
  <p><a href="http://jsfiddle.net/realitylab/H3KRk/1/" rel="nofollow">FIDDLE</a></p>
  
  <p><strong>CODE:</strong></p>
  
  <pre><code>$(function() {
      // Clickable Dropdown
      $('.nav &gt; ul').toggleClass('no-js js');
      $('.nav .js ul').hide();
      $('.nav .js').click(function(e) {
          $('.nav .js ul').slideToggle(200);
          $('.clicker').toggleClass('active');
          $('.clicker2').toggleClass('active');
          e.stopPropagation();
      });
      $(document).click(function() {
          if ($('.nav .js ul').is(':visible')) {
              $('.nav .js ul', this).slideUp();
              $('.clicker').removeClass('active');
              $('.clicker2').removeClass('active');
          }
      });
  });
  </code></pre>