Mastodon

4design
Le design n’est pas seulement l’apparence, c’est aussi la manière de fonctionner — Steve Jobs
Navigation principale
Aller au contenu
  • Graphisme
  • Traductions
  • HTML / CSS
  • Javascript
  • WordPress
  • Montage Vidéo
  • Mizukara
Javascript & PHP

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

Publié le 19 août 2008 par Bruno Bichet
Publié dans Javascript & PHP et tagué Accordéon, jquery, Menu, video. Mettez le permalien dans vos favoris.

16 thoughts on “Menu accordéon avec jQuery”

  1. Li-An dit :
    19 août 2008 à 23 h 00 min

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

  2. burningHat dit :
    20 août 2008 à 13 h 13 min

    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 ! 😀

  3. Bruno Bichet dit :
    20 août 2008 à 13 h 31 min

    @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 :
    20 août 2008 à 16 h 29 min

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

  5. burningHat dit :
    20 août 2008 à 20 h 54 min

    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 :
    21 août 2008 à 0 h 01 min

    @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 :
    21 août 2008 à 22 h 57 min

    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 :
    22 août 2008 à 1 h 10 min

    @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 :
    23 novembre 2008 à 3 h 29 min

    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 :
    23 novembre 2008 à 4 h 35 min

    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 :
    23 novembre 2008 à 11 h 55 min

    @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 :
    22 janvier 2009 à 16 h 47 min

    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 :
    22 janvier 2009 à 17 h 08 min

    @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 :
    29 avril 2010 à 14 h 15 min

    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 :
    29 avril 2010 à 14 h 17 min

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

  16. russische frau dit :
    27 mai 2011 à 13 h 18 min

    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.

Les commentaires sont fermés.

Rechercher

Rechercher :

Colophon

© 2025 4design Logo WordPress je thème — Contactez l'administrateur — Avec WordPress ! ♥ Thème : Basics Par Bruno Bichet

piaille.fr | mastodon.xyz