title: jQuery accommodating both HOVER and FOCUS together (mouse and keyboard)
body: <p>I'm building a mega menu where I want to be able to trigger the menu via both a hover (using the mouse) and focus (such as tabbing to it via the keyboard).</p>
  
  <p>This is what I'm presently doing:</p>
  
  <pre><code>$(".megaMenu-trigger").focus(function (){$(this).hover()});
  $(".megaMenu-trigger").hover(function(){
      // do the stuff
  });
  </code></pre>
  
  <p>This works, but am wondering if that's the ideal way to handle both keyboard and mouse interactions together. </p>