Co to jest styl menu?

Próbuję ustawić styl menu o statycznej wysokości, a zawartość jest wyświetlana między nagłówkami. (Proszę zobaczyć obraz poniżej ... po prawej stronie jest widok po kliknięciu przez użytkownika nagłówka 2)Co to jest styl menu?

Co to jest styl menu? Jak mogę to zrobić z jQuery?

accordion menu http://i37.tinypic.com/25ztrsx.png

Edit: Dzięki! Przed pytaniem szukałem akordeonu, ale nie mogłem znaleźć przykładów, w których wysokość menu pozostaje niezmienna niezależnie od zawartości.

Edit 2: To zachowanie szukałem: Vertical concertina menu Dzięki @ricebowl za dostarczanie link.

Źródło

2009-10-20 Nescio

Warto zwrócić uwagę, myślę, że można osiągnąć ten układ z tylko XHTML i CSS, nie * konieczność * (chyba, że chcesz) do użyj jQuery lub JS. Zobacz moją odpowiedź poniżej. –

Oczywiście, ale zazwyczaj klienci są wymagający w dzisiejszych czasach i chcą mieć bardzo małe efekty i animacje, nie sądzę, że super minimalistyczny html/css może go przeciąć dla niektórych klientów. –

@meder, masz absolutną rację; ale dla tych, którzy chcą żyć z podstawami, jest to dobry zasób. Ale lubię sprawić, by działało z podstawami i * ulepszało * za pomocą JS/jQuery. W ten sposób nadal wygląda dobrze - jeśli nie jest to proste. =) –

Jestem pewien, że wiesz już, że jest to styl menu akordeon, po prostu sugerują -Jeśli jesteś podatny na niebędącego Opcja -jQuery - że odwiedzasz stronę Stu Nicholona css-play, gdzie ma czysty xhtml/css version tego stylu menu akordeonowego.

Źródło

2009-10-20 23:51:52

Wow, to całkiem fajne, jeśli nie używasz jednej linii skryptu! – gn22

Dzięki za link! Znalazłem dokładnie to, czego chciałem. – Nescio

@Gurdas, Znalazłem stronę Stu Nicholl's, która przez lata była niezbędna do uczenia się nowych rzeczy i radzenia sobie z problemami CSS. Jego gry css są jednak * czyste * niesamowite: http://www.cssplay.co.uk/menu/(pod nagłówkiem "Puzzle") =) –