title: jquery on click not functioning correctly
body: <p>Hi have tried to create a dropmenu to work on click so touch screens can use the menu. </p>
  
  <pre><code>$('a.dropsmall2').click(function() {
  $(this).next('ul').slideToggle(500,'easeInOutQuad');
  </code></pre>
  
  <p>});</p>
  
  <p>this part seems to function.</p>
  
  <pre><code>$('#dropmenu a').click(function() {
  $(this).parents('ul').not('#dropmenu').hide('medium');
  </code></pre>
  
  <p>});</p>
  
  <p>this part does work a bit but once you click it the menu opens and closes before it finally stays closed.</p>
  
  <pre><code>$('#dropmenu ul').mouseleave(function() {
  $(this).slideToggle(500,'easeInOutQuad');
  </code></pre>
  
  <p>});
  this part works but once the mouse leaves the menu is then able to be opened on hover rather then being clicked (not sure if its this part messing it up or the first part of the code.</p>
  
  <p>jsfiddle ---> <a href="http://jsfiddle.net/e9e17adm/15" rel="nofollow">http://jsfiddle.net/e9e17adm/15</a></p>