"Pin Menu" using JQuery
<p>I don't know what to call the type of menu that RegexPal use for their quick reference, therefore I've called it a "Pin Menu" (not sure if there's a more appropriate name?), but I'd like to recreate the functionality which essentially is:</p>

<ul>
<li>Opens on mouse over and closes on mouse out. </li>
<li>Pin functionality to keep it open permanently. </li>
<li>Close button to close it straight away (though I'm not too bothered about this part).</li>
</ul>

<p>How would I go about creating this in JQuery and/or standard javascript. </p>

<p>The RegexPal example can be found <a href="http://regexpal.com/" rel="nofollow">here</a> (it's the quick reference). And I've posted a screenshot below:</p>

<p><img src="http://img62.imageshack.us/img62/2918/pinmenuss.png" alt="screenshot" /></p>

<p>Thanks in advance!</p>
