I have 5 upside-down tabs at the top of the browser window. By default, all the tabs are closed (slid up against the top of the window).
When someone clicks on one of the tabs, the tab slides down showing the div and content it is associated with. If another tab is open, that tab will slide back out before the clicked one slides down.
The content for each tab is an individual DIV, the clickable tabs themselves are an unordered list (UL). Most scripts of this type tend to have each content div follow the tab its associated to, this is not the case here. The divs are separate from the unordered list.
The HTML layout and design already exist, so this project just involves making the tabs work. If small changes are needed to the HTML that is no problem at all as long as the layout is not changed visually.