11548 sujets

JavaScript, DOM et API Web HTML5

DIV en accordéon vertical

Bonjour,

Connaissez vous un script qui me permet de faire un effet de déroulement sur des DIV ?

Si on clique sur le titre de la DIV, elle se développe. On clique sur le titre suivant, elle se rétracte et développe la DIV du titre cliqué, etc...

En gros je veux ça : http://www.alsacreations.com/xmedia/tuto/exemples/accordeon/menu_demo.html mais pour une page de contenus qui comporte plusieurs "sections" qu'on pourrait dérouler.

Et bien sur, un truc accessible. Si le JS est désactivé, tout le contenu de la page doit être visible.

Merci Smiley smile


PS : Ne me dites pas de m'inspirer du code du tuto, je ne connais pas JS... Je suis juste bon à inclure un script Smiley smile
Modifié par Gimx (20 Jan 2011 - 21:36)
Salut,

C'est ce tuto que je citais sur mon premier message... Smiley smile

Alors je vais préciser ma pensée avec un petit dessin.

upload/20655-alsa-exemp.png

Ce que je voudrais, c'est que quand on clique sur "Développer la section" de Blablabla par exemple, ça se déroule. Si on clique sur "Développer" de Bliblibli, la section Blablabla se rétracte et Bliblibli apparait.

Je ne connais pas JS donc il me faudrait un script "préfabriqué" si tu veux et pas un tuto que je pourrais adapter puisque je n'y connais rien en JS.

Si tu connais un script qui fait ça, merci à toi... Smiley smile
Modifié par Gimx (20 Jan 2011 - 22:38)
Le tuto convient très bien pour l'utilisation que tu veux en faire.
Pour le js, pas besoin de le connaitre, il te suffit tout simplement de copier-coller le code donné (mais comme il est commenté, tu sais quand même ce qui se passe).
la seule chose que tu devras adapter dans ton code est le html/css.

Mais si tu veux vraiment faire appel à un script, tu peux toujours te tourner vers:
http://www.lafermeduweb.net/billet/tinyaccordion-un-script-pour-creer-des-accordeons-multi-niveaux-280.html
Modifié par LuciferX (21 Jan 2011 - 00:58)
Sujet clos
Aller à