Show a hidden div relative to the hovered element on click with jQuery
<p>I'm trying to get a hidden div to display relative position (directly to the right of the hovered div.)</p>

<p>On the fiddle, when the cursor hovers over the div it enlarges and repositions. What I want to achieve but can't figure out... is how to display the div details for 'this' element only, relative to the hovered div.</p>

<p>The problems I'm having are:</p>

<ol>
<li>Getting the child div (.details) to be the only one to display not all of the .details elements.
a. Getting it to display relative to the hovered element, not in an absolute position.</li>
<li>Cancelling the hover function on click, so that the div details can be navigated to without it disappearing.</li>
</ol>

<p>Fiddle: <a href="http://jsfiddle.net/pssuT/1" rel="nofollow">http://jsfiddle.net/pssuT/1</a></p>
