title: Change jQuery hover() to click() on mobile
body: <p>I have a simple jQuery drop-down and it works with no problems. The issue I am having is on my responsive design it still keeps the hover effect which isn't working correctly on mobile. Is there anyway to cancel the hover once the hamburger icon <code>.menu</code> is clicked? The idea is to keep the <code>.subNav</code> hidden on mobile and once the user clicks the <code>.topNav li a</code> the <code>.sabNav</code> slides down. I couldn't attach the responsive design in the fiddle but you can probably get a good idea of what it's doing.</p>
  
  <p><a href="http://jsfiddle.net/9L3cE/1/" rel="nofollow">http://jsfiddle.net/9L3cE/1/</a></p>