jquery jQuery : cacher/montrer un bloc par simple clic

[Anthony]

Anthony a soumis un nouveau tutoriel:

JQuery : cacher un bloc par simple clic - Une petite astuce pour utiliser JQuery dans le but de cacher un élément sur une page web.

Bonjour à tous,

Ce petit tutoriel n'a pas vocation à vous apprendre à utiliser JQuery mais simplement à vous montrer comment cette bibliothèque JavaScript fonctionne.

Vous pouvez découvrir de manière plus approfondie dans ce tutoriel : jQuery : formation vidéo avec Pierre Giraud (cocoriweb.community)

Le principe est d'appeler la bibliothèque JQuery dans un simple fichier HTML...

Voir le tutoriel complet...

 

[Wazz9]

Salut Antho, si je ne m'abuse le script permet de dévoiler un bloc caché à l'origine, puisque un display: none; est attribué à menu dans le code html
<div class="menu" style="display: none;">

Mais comme la fonction est réversible le second clic cache bien le bloc

 

[Nicolas]

C'est pas faux, j'ai rectifié le titre du tutoriel

 

[DaCode]

Salut,
Intéressant et simple d'accès.

Quel serait le code pour cacher/montrer une barre latérale ? Donc avec un effet horizontal plutôt que vertical ?

 

[Wazz9]

Ben si tu regardes bien l'effet est déjà horizontal.
C'est juste le code HTML qui est écrit pour dévoiler des liens sous le menu principal. Donc en codant du HTML de la bonne façon tu peux cacher/montrer un menu latéral.

Tu peux fournir le code de ta barre en HTML ?