Strategy for "slide-up tab"
Hi jQuery folks,
I'm trying to figure out the best strategy for building a series of
tabs that slide up and down when you click/mouseover/(whatever) the
tabs themselves. To be more specific, these need to be fixed at a
certain point in the page, and start from a lowered position and move
up--the tab itself rising and falling (rather than the content under
the tab dropping and raising back up, which seems to be easily
possible with these: http://stilbuero.de/jquery/tabs_3/). Think of a
tabbed card in a recipe box being pulled and down to get a sort of
real-world analog.
The UI slide (http://docs.jquery.com/UI/Effects/Slide) would be great
if I could figure out how to get it to not hide completely. Also, it
seems like what I want may be an accordion effect, but moving in the
up direction--but I didn't see how I could use the default accordion
UI element (http://docs.jquery.com/UI/Accordion) to do this, and also
accordion seems a bit like overkill. I'm also thinking that if I can
wrap my head around how to do the CSS correctly, I could just put one
div on top of another, and it would rise and fall as the bottom div
was hidden and shown via slide--but again, I haven't wrapped my head
around that CSS yet.
Is there any precedent for this, anything obvious I missed when
looking through the API, plugins, and old group messages? Is it
perhaps just a matter of having the right CSS layout attributes on the
relevant divs, and using tabs/accordion/sliding?
Many thanks for any help or suggestions--
Best,
Dave