I have searched for hours and have not gotten anywhere.

On my Spry Collapsible Panel, I set it up so when the mouse rolls over the
tab, the menu drops down.

However, after the mouse leaves the tab, the menu stays expanded. How do I
set it so the menu closes when the mouse exits the tab?

Thanks

here is my code:

Spry.Widget.CollapsiblePanel.prototype.attachPanel Handlers = function()
{
var tab = this.getTab();
if (!tab)
return;

var self = this;
Spry.Widget.CollapsiblePanel.addEventListener(tab, "mouseover", function(e) {
return self.onTabClick(); }, false);
Spry.Widget.CollapsiblePanel.addEventListener(tab, "mouseover", function(e) {
return self.onTabMouseOut(); }, false);
Spry.Widget.CollapsiblePanel.addEventListener(tab, "mouseover", function(e) {
return self.onTabMouseOver(); }, false);