De l’accordéon au menu
Wednesday, June 17th, 2009
Il vous arrive parfois de visiter le site Internet du bar ou du restaurant, dans lesquels vous projetez de passer votre soirée.
Vous souhaitez connaître ce qu’il y a au menu ou bien dans la carte.
Bien souvent le contenu est listé sur une longue, très longue page où il faut glisser la scrollbar jusqu’en bas afin d’arriver aux desserts.
Chez Vitam, lorsque nous sommes capables de rassembler divers informations par catégorie, nous essayons d’utiliser ce qu’on peut appeler le “menu accordéon”.
Pour connaître le contenu d’un thème il suffit de cliquer dessus afin de faire apparaître les informations (sans recharger la page bien évidemment).
En cliquant sur un autre thème, celui ouvert se ferme. Celui sur lequel vous avez cliqué se déroule et laisse apparaître son contenu.
Pour réaliser cette technique, nous utilisons du jquery (framework de javascript). Cela nous permet de présenter le contenu dynamiquement.
Nous affichons ou nous cachons les blocs d’informations. Ainsi, il ne faut jamais recharger la page. Et si vous n’avez pas javascript activé, nous affichons tout le contenu en entier.
Alors une petite faim ?
http://www.miroir.eu/a-la-carte/
http://www.miroir.eu/nos-menus/
Cette technique peut bien sûr être utilisée pour des menus, et tout type de contenu.







