Menu accordéon avec jQuery

Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

Le blog de l'intégrateur web

Menu accordéon avec jQuery

Tutoriel vidéo consacré à la réalisation d’un menu accordéon en Javascript en utilisant la librairie jQuery. Menu Accordeon Javascript. Envoyé par JojoRatonLaveur

Articles sur le même sujet

PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car
Il n'y pas d'amour, il n'y a que des preuves d'amour (Jean Cocteau) ;) Merci d'avance.



16 commentaires pour “Menu accordéon avec jQuery”

  1. Li-An dit :

    Il y a un plugin sous WordPress qui utilise cette fonction il me semble…

  2. burningHat dit :

    J’ai du mal à adhérer à des tutos vidéos pour des tutos de développement… Quasi impossible à lire correctement, exclu de faire du copié/collé, pas d’interaction avec la démo, etc. Bref, j’aime pas le choix de ce media pour ce type de tutoriels. Sinon c’est très bien ! :D

  3. Bruno Bichet dit :

    @Li-An: Yep, d’ailleurs en voici la démo

    @burningHat: Je partage tes raisons. Toutefois, je prends toujours plaisir à regarder (voire juste écouter) un tuto vidéo. D

    D’ailleurs, dès que je met la main sur un soft gratuit et efficace pour faire des screenscast, je m’y colle volontiers.

  4. Francis dit :

    Moi je trouve ça sympa mais si c’est pas le support que je préfère… Belle initiative Bruno !! :P

  5. burningHat dit :

    Yop on est d’accord: c’est sympa à regarder mais, pour ce genre de cas précis, pas forcément le support idéal du point de vue « pédagogique »/pratique.

  6. Bruno Bichet dit :

    @Francis et @burningHat : Je précise un peu mon idée. j’aimerais faire des tutos sous forme de screencast car je pense que la vidéo est un format qui a beaucoup d’avenir. Alors bien sûr, dans le cadre de mes tutos, je résumerais le tout par écrit, soit des résumé, soit de manière exhaustive.

    Un des grand plus du screencast, c’est l’aspect international du bouzin, dès lors qu’on prend quelques précaution pour qu’un non-francophone puisse comprendre de quoi il s’agit et puisse reproduire les exemples.

    D’ailleurs, mon petit doigt me dit que je ne devrais pas être seul sur ce créneau, et qu’on pourrait partager nos idées sur la question ;)

  7. burningHat dit :

    Mon ptit doigt me dit que tu pourrais me donner un coup de main pour un article qui traine dans mon cerveau (du côté « formateur ») à ce sujet (les screencasts) si ça te dis aussi… :p

  8. Bruno Bichet dit :

    @burningHat: Pour l’instant je n’y connais pas grand chose en screencast : je n’ai même pas choisi de logiciel pour ça (enfin, l’année dernière j’avais bénéficié d’une version gratuite de Camtasia, mais j’ai changé d’ordi et pas récupéré l’ancien disque dur…).

    Mais pas de problème pour un coup de main. Quand tu veux : tu as mon mail ;)

  9. Reg dit :

    Très bon tutoriel mon cher Bruno ;) Simple, précis, sans prétention et avec un accent qui sent bon la Lozère (ou pas loin :p).

    J’aime d’autant plus le fait que tu incites à consulter la doc et essayer par soi même les différentes possibilités.

    Pour le débutant que je suis avec Jquery, ces petits tutos sont du petit lait.

    Encore merci ;)

  10. Reg dit :

    Ouch, autant pour moi, je pensais que tu étais l’auteur de ce tuto :p Merci tout de même de l’avoir relayé ;)

    M’en vais dire un petit merci à l’auteur aussi.

  11. Bruno Bichet dit :

    @Reg: héhé, j’allais le dire. Peut-être que la mention de la paternité du tuto n’est pas assez mise en avant dans le court descriptif. Je modifierais ça à l’occasion. Merci pour http://www.dailymotion.com/JojoRatonLaveur. Je viens de voir que JojoRatonLaveur a ajouté son site web sur son profil dailymotion : http://www.jojoratonlaveur.fr

  12. sdqf dit :

    super la video a été effacé d’ou l’interet d’avoir une version texte !

    Accessibilité bordel et en plus t’es référencer

    c’est plutot honteux !!!

    brulllleeeeeeee ton siiiiiiiite mec ! il sert a rien et en plus il est moche mouhahahaha

    /troll

  13. Bruno Bichet dit :

    @sdqf: cool, c’est sympa de me prévenir. Bon, maintenant faut que je cherche une autre vidéo sur le même sujet. Si tu as des idées, maintenant qu’on a fait connaissance, n’hésite pas ;) a++

  14. oliv dit :

    Bonjour, (j’ai connu le lancement du site…ça change et ça prend de l’

    Petite question en passant sur le référencement d’un site accordéon comme celui du tuto.

    quand est-il ?

    Car je cherche l’info, mais pour l’instant, il ressort que le principe display:none (utilisé par les accordeon) ne plait pas à Google au risque d’être écarté du référencement ? Masi je cherche une réponse fiable…

  15. oliv dit :

    ça change et ça prend de l’… ampleur ! (lol) l’autre post est parti tout seul

  16. Merci pour votre post! D’ailleurs, dès que je met la main sur un soft gratuit et efficace pour faire des screenscast, je m’y colle volontiers.



Colophon

CSS & Webdesign est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2011.

Contactez l'auteur du site