[jQuery] Hover vs Click, etc.

[jQuery] Hover vs Click, etc.


The following script produces a box that opens on mouseover and closes
on mouseover.
$(\'#triggerReg\').hover(function(){
// do something on mouse over
$(\'#menuReg\').show();
},function(){
// do something on mouse out
$(\'#menuReg\').hide();
});
It works fine for displaying brief text messages. But if you display a
column of links, it closes as soon as you try to put the cursor over a
link.
Can someone show me how to modify this so that the menu stays open
until you manually close it again? I changed hover(function() to click
(function(), and it now opens when you click it - and it stays open.
But I can't figure out how to close it.
I've been searching for online references that list the various
options, but I haven't found one I can understand yet.
Thanks.