jQuery Forum

I'm trying to modify this code from w3schools in order for the slide to be done on the upper part, not the lower par. Also, I want it to slide halfway in order to be clickable after the sliding is done. I'm trying to make a tab menu (you know, like a browser) and when I'll have more than one tabs there, there will be different content in the lower container. Also, I would like that the whole thing remain in place when the upper part slides down.

So far, I managed to make the upper part slide, but not halfway like I wanted by modifying the line $("#panel").slideToggle("slow"); to $("#flip").slideToggle("slow"); and making the lower part show from the start by modifying the line display:none; to display:show; but that's all I've gotten so far.

Can you please help?