[jQuery] Hover vs Click, etc.

[WebRanger]

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.