.hover() problem (slider)

.hover() problem (slider)

Hi,

I've created a slider But I've a last little problem. So it would be nice if someone can help me here :)

1. Download the file above named "theslider.zip"
2. Open the slider.html in any browser

 

Follow these steps to understand my problem:

1. Hover with your mouse over "Tab 1" --> now the "divbox" expand and the "underbox" slide down

 

At the moment it does the following:

The underbox collaps if I leave the area of Tab 1. So if I hover from Tab 1 to the opened underbox the Tab collaps..............thats not good..........

 

What I want it to do:

If the box is expanded I would like to able to hover over the "Tab" and in the "underbox" (e.g. to mark some text or to click a link in the text) without a collaps of the underbox

--> (Tab and underbox stay open till I hover the next tab) <-- that would be nice

 

PS: the interesting code for this starts at line 106

Can someone help me?
Kind Regards