title: How do I momentarily remove :hover from the element?
body: <p>here's a jsfiddle with my problem: <a href="http://jsfiddle.net/sbBxu/" rel="nofollow">http://jsfiddle.net/sbBxu/</a> - when you hover the "Hover me" element, the .result gets hidden by the list. When the user clicks any of the "click me" elements, the result changes, but the user doesn't see it.</p>
  
  <p>I want to let the user see the result, which is hidden by <code>.hidden</code>. But if I just "hide" it, JQuery sets the "display" property to "none", which breaks the show-on-hover behavior. </p>
  
  <p>Basically, I want the same stuff as in the fiddle, except the popup hides on click.</p>