What is this menu style called?

I am trying to style a menu that has a static height and content is displayed between the headers. (Please see the image below .... the right side is the view after the user clicks on heading 2)

What is this menu style called? How can I do this using jQuery?

accordion menu

Edit: Thanks! I searched the accordion before asking, but I could not find a single example where the height of the menu remains the same regardless of the contents.

Edit 2: This is the behavior I was looking for: Concertina Vertical Menu Thank you @ricebowl for the link provided.

+5
source share
8

, , , - , jQuery, - Stu Nicholl css-play, xhtml/css version .

+5
+9

+1

Accordion

0

This is an accordion menu and is available as a widget in the jQuery user interface - http://docs.jquery.com/UI/Accordion

0
source

This is called the Accordian Menu user interface template . There are quite a few jQuery plugin implementations, including this one: jQuery Accordion .

More info and some good examples here:

http://ui-patterns.com/pattern/AccordionMenu

0
source

All Articles