Commentaires sur : Tutorial JQuery #5 : créer un menu accordéon

Par : azedine

azedine — Sun, 27 Jun 2010 16:19:16 +0000

salut super mais si je vx avoir le fichier jquery.min.js sans avois l integrer a partir du site et merci

Par : stl

stl — Tue, 11 May 2010 08:01:12 +0000

Hello ! Merci pour le script, très bon site !!
Est-ce que quelqu’un peut me dire où je dois mettre la ligne de code qui permet de refermer le menu quand on clique sur un des items.
ligne de code citée dans le commentaire de Nouben

Par : dubois

dubois — Wed, 24 Mar 2010 17:44:29 +0000

Merci pour ce très beau raccourci de script.

Dommage qu’Internet Explorer ne prenne pas en compte la propriété ‘-moz-border-radius’ pour les coins arrondis.

Par : WibiMaster

WibiMaster — Fri, 19 Mar 2010 11:05:11 +0000

@nathan :
ben tout est détaillé au-dessus… Intégrer jQuery par exemple, il suffit de mettre le script (fichier .js) de jquery dans un dossier, puis d’écrire » dans la balise de ta page.. Il suffit presque de faire un simple copier/coller du tutoriel de cette page :/

Par : Nathan

Nathan — Thu, 18 Mar 2010 18:47:13 +0000

Bonsoir,

Alors je préviens…
Je vais être un véritable boulet…

Mais je ne comprends rien à rien à ce langage informatique et pourtant j’en ai besoin pour créer le site sur Wiféo :

Donc pour commencer, il faut intégrer le framework JQuery sur la page :

* Que veut dire ceci ?

Ensuite on va ajouter le code JQuery qui va permettre d’activer le menu accordéon (les sélecteurs sont entièrement adaptables) :

**Puis ceci ?

Enfin il n’y a plus qu’à faire le code HTML des différents éléments du menu accordéon. Ces éléments seront sous la forme un titre, un bloc, un titre, un bloc. Il ne faut pas oublier d’affecter la classe accordeon à tous les blocs de contenu pour qu’ils soient tous cachés au chargement de la page.

***Et pour finir ceci ? ? S’il vous plaît ?

Désolée… Je n’y comprends rien à rien…

Bonne soirée.

Par : Menu Yvette Horner en jQuery (menu accordéon) » BlogYann

Menu Yvette Horner en jQuery (menu accordéon) » BlogYann — Mon, 15 Mar 2010 22:40:26 +0000

[...] fortement inspiré du blog de Arnaud Koncina, j’ai simplement ajouté la possibilité de rétracter la div en re-cliquant sur le même [...]

Par : Nouben

Nouben — Fri, 12 Feb 2010 10:29:22 +0000

Merci pour ce tuto super simple à appréhender pour un débutant comme moi !

Je l’ai juste complété avec un code péché sur alsacreation pour que les onglets se referment si on clique dessus avec :

// Si le sous-menu était déjà ouvert, on le referme :
if ($(this).next(« div:visible »).length != 0) {
$(this).next(« div.accordeon »).slideUp(« normal »); }
else { //suite du code

Par : Damsterdam

Damsterdam — Thu, 14 Jan 2010 22:35:58 +0000

Bonjour,
je voulais savoir quelle était l’utilité du code « » dans ton script ? Là où tu insères jQuery… J’ai remarqué ça et c’est la 1ere fois que je le vois (ou y fais attention ^^)
Merci de ta réponse s’il y a !

Bye !

Par : laure

laure — Tue, 29 Dec 2009 11:37:19 +0000

Bonjour,

Est-ce qu’on pourrait ajouter du code dans le script pour que chaque menu se referme si l’on clique dessus et pas seulement si on ouvre un autre menu..si oui, lequel?

Merci

Par : Démonstrations : Quatre Menu Accordéons en jQuery « FrameLinks

Démonstrations : Quatre Menu Accordéons en jQuery « FrameLinks — Fri, 11 Dec 2009 16:59:07 +0000

[...] Lien : Créer un menu accordéon avec jQuery [...]

Par : Plugins JQuery en vrac sur unwrongest.com, par Jan Jarfalk | JQuery, PHP, html, design… // arnaud-k : un blog de geek

Wed, 15 Jul 2009 10:59:34 +0000

[...] : permet de faire des menus de type accordéon (voir le tuto similaire). La particularité du plugin est qu’il peut gérer les accordéons sur plusieurs niveaux (un [...]

Par : antoineguiral

antoineguiral — Sun, 17 May 2009 14:57:03 +0000

Peut être que les listes de définitions auraient étaient sémantiquement plus adaptées pour ce genre d’effets…

sympa ton blog

Par : arnaud

arnaud — Fri, 15 May 2009 17:00:40 +0000

@musseau, pour plus d’explications, n’hésite pas à aller voir le code de la page de démonstration du tuto (dispo ici http://blog.arnaud-k.fr/menuAccordeon/ ). Pour ça fait un clique-droit puis « afficher la source » ou directement CTRL+U sous Firefox.

En fait tous les codes javascript que tu veux insérer dans la page HTML doivent être entre les balises :

PS : Je viens de me rendre compte que le lien vers la démo était éronné, je l’ai corrigé dans le post ci-dessus.

Par : musseau

musseau — Fri, 15 May 2009 16:07:13 +0000

Bonsoir!
Je trouve cela très pratique mais comme je suis une débutante, j’ai juste besoin de savoir ou le script se met (dans la page html?) et ou le javascript se met(dans la page html?) car c’est ce que j’ai fait et cela ne marche pas.
merci

Par : aminamin

aminamin — Sat, 09 May 2009 00:43:13 +0000

Ce site est très sympa J’ai aimé tous les sujets.
Je vous demande de transmettre certains de ses articles sur ce site
http://www.malak-rouhi.com/vb/

Par : arnaud

arnaud — Wed, 06 May 2009 21:16:52 +0000

Merci pour ton commentaire. J’essaie de mettre le plus d’explications possibles pour permettre de vraiment comprendre ce que l’on fait !

Par : mi@ge

mi@ge — Wed, 06 May 2009 21:05:17 +0000

Encore un article agréable sur JQuery. Tes commentaires sur chaque ligne rendent le tutoriel vraiment intuitif.