Créer rapidement un menu « accordéon » grâce à JQuery

Magazine
Marque
Linux Pratique
Numéro
55
Mois de parution
septembre 2009


Résumé
L'objectif de ce didacticiel est de créer un menu « accordéon », autrement dit un menu qui se déploie et affiche son contenu si l'utilisateur clique sur un item. Nous allons pour cela utiliser un framework Javascript libre, nommé JQuery, dont le but est de simplifier l'utilisation des fonctions Javascript usuelles.

Structure du menu

Nous allons commencer comme toujours par poser la structure de notre menu. Ce dernier est constitué, comme bien souvent, d'une liste non numérotée (<ul>), comportant 4 items. Certains d'entre eux contiennent des sous-menus, qui ne s'afficheront qu'après action de l'utilisateur (que l'on définira plus loin). Ce qui nous donne le code suivant :

<ul id="menu">

    <li><a href="#">Accueil</a></li>

    <li class="gotsubmenu"><a href="#">Ressources</a>

        <ul class="submenu">

            <li><a href="#">Images</a></li>

            <li><a href="#">Vidéos</a></li>

            <li><a href="#">Scripts</a></li>

        </ul>

    </li>

    

    <li class="gotsubmenu"><a href="#">Support</a>

        <ul class="submenu">

            <li><a href="#">Documentation</a></li>

            <li><a href="#">Forum</a></li>

        </ul>

    </li>

    

    <li><a href="#">Contacts</a></li>

</ul>

Différence entre une classe et un id

Nous avons en...

Cet article est réservé aux abonnés. Il vous reste 90% à découvrir.
S'abonner à Connect
  • Accédez à tous les contenus de Connect en illimité
  • Découvrez chaque semaine un nouvel article premium
  • Consultez les nouveaux articles en avant-première
Je m'abonne


Article rédigé par

Par le(s) même(s) auteur(s)

OpenStreetMap, la carte dont vous êtes le héros !

Magazine
Marque
Linux Pratique
Numéro
86
Mois de parution
novembre 2014
Spécialité(s)
Résumé
Le projet a fêté ses 10 ans d'existence au mois d'août. C'est LE projet de référence en matière de données géographiques libres. D'ailleurs, il fait partie des « producteurs de données » sur data.gouv.fr depuis presque un an déjà. Retour sur un projet d'envergure mondiale, auquel vous aussi vous pouvez contribuer !

Sécurisez vos échanges grâce à GnuPG !

Magazine
Marque
Linux Pratique
Numéro
86
Mois de parution
novembre 2014
Spécialité(s)
Résumé
GnuPG (ou GPG) est une implémentation libre du standard OpenPGP, un format développé par l'Internet Engineering Task Force (IETF), initialement conçu pour le chiffrement et l'authentification des courriers électroniques. Quelques commandes à connaître, et vous pouvez être certain que vos e-mails ne pourront être lus par une personne autre que leurs destinataires.

Les derniers articles Premiums

Les derniers articles Premium

Game & Watch : utilisons judicieusement la mémoire

Magazine
Marque
Contenu Premium
Spécialité(s)
Résumé

Au terme de l'article précédent [1] concernant la transformation de la console Nintendo Game & Watch en plateforme de développement, nous nous sommes heurtés à un problème : les 128 Ko de flash intégrés au microcontrôleur STM32 sont une ressource précieuse, car en quantité réduite. Mais heureusement pour nous, le STM32H7B0 dispose d'une mémoire vive de taille conséquente (~ 1,2 Mo) et se trouve être connecté à une flash externe QSPI offrant autant d'espace. Pour pouvoir développer des codes plus étoffés, nous devons apprendre à utiliser ces deux ressources.

Raspberry Pi Pico : PIO, DMA et mémoire flash

Magazine
Marque
Contenu Premium
Spécialité(s)
Résumé

Le microcontrôleur RP2040 équipant la Pico est une petite merveille et malgré l'absence de connectivité wifi ou Bluetooth, l'étendue des fonctionnalités intégrées reste très impressionnante. Nous avons abordé le sujet du sous-système PIO dans un précédent article [1], mais celui-ci n'était qu'une découverte de la fonctionnalité. Il est temps à présent de pousser plus loin nos expérimentations en mêlant plusieurs ressources à notre disposition : PIO, DMA et accès à la flash QSPI.

Programmation des PIO de la Raspberry Pi Pico

Magazine
Marque
Contenu Premium
Spécialité(s)
Résumé

La carte Pico de Raspberry Pi est appréciable à bien des égards. Ses ressources, son prix, ses deux cœurs ARM... Mais ce morceau de silicium qu'est le RP2040 renferme une fonctionnalité unique : des blocs PIO permettant de créer librement des périphériques supplémentaires qu'il s'agisse d'éléments standardisés comme SPI, UART ou i2c, ou des choses totalement exotiques et très spécifiques à un projet ou un environnement donné. Voyons ensemble comment prendre en main cette ressource et explorer le monde fantastique des huit machines à états de la Pico !

Abonnez-vous maintenant

et profitez de tous les contenus en illimité

Je découvre les offres

Déjà abonné ? Connectez-vous