2009-10-20 17 views
5

Sto cercando di definire un menu con un'altezza statica e il contenuto visualizzato tra le intestazioni. (Vedi sotto l'immagine ... il lato destro è la vista dopo che un utente fa clic sull'intestazione 2)Come si chiama questo stile di menu?

Come si chiama questo stile di menu? Come posso realizzare questo con jQuery?

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

Edit: Grazie! Ho cercato la fisarmonica prima di chiedere, ma non sono riuscito a trovare alcun esempio in cui l'altezza del menu rimanga statica indipendentemente dal contenuto.

Edit 2: Questo è il comportamento che cercavo: Vertical concertina menu Grazie @ricebowl per fornire il collegamento.

+0

Vale la pena sottolineare, a mio avviso, che si può ottenere questo layout con un solo xhtml e css, no * necessità * (a meno che non si vuole) usare jQuery o JS. Vedi la mia risposta qui sotto. –

+0

Certo, ma di solito i clienti sono esigenti al giorno d'oggi e vogliono effetti e animazioni piuttosto piccoli, non penso che un html/css super minimalista lo taglierebbe per alcuni client. –

+0

@meder, hai assolutamente ragione; ma per quelli disposti a vivere con le basi, è una buona risorsa. Ma mi piace farlo funzionare con le basi e * migliorare * con JS/jQuery. In questo modo sembra ancora buono -se base- senza. =) –

risposta

5

Sono sicuro si sa, ormai, che questo è lo stile del menu a fisarmonica, mi limiterò a suggerire -se siete suscettibili di un non - Opzione jQuery - che visiti il ​​sito web di Stu Nicholl css-play, dove ha un puro xhtml/css version di questo stile di menu fisarmonica.

+0

Wow, questo è davvero bello per non usare una singola riga di script! – gn22

+0

Grazie per il link! Ho trovato esattamente quello che volevo. – Nescio

+1

@Gurdas, ho trovato il sito di Stu Nicholl essere indispensabile nel corso degli anni per imparare cose nuove e affrontare problemi CSS. I suoi giochi css, però, sono * pure * fantastici: http://www.cssplay.co.uk/menu/(sotto il titolo 'Puzzle') =) –

0

questo si chiama Fisarmonica

1

menù fisarmonica verticale

Problemi correlati