trying to add a hover and click event to list items that show / hide hidden uls?
<p>Basically I have 2 buttons that when hovered show/hide 2 hidden unordered lists so I use .toggle() for these</p>

<p>What I would also like to do however is when i hover and then click the link the unordered list remains visible, then when i hover and click the other link the previous hidden list is hidden again and the new clicked list is shown? Just not managing to work out how this can be best achieved, at the moment when i hover and then click as soon as i hover off the list disappears. </p>

<p>Hope this makes sense, fiddle is here <a href="http://jsfiddle.net/kyllle/D5Lmp/5/" rel="nofollow">http://jsfiddle.net/kyllle/D5Lmp/5/</a> </p>

<p>Thanks</p>
