JQuery show / hide
Résolu
chabinot
Messages postés
322
Date d'inscription
Statut
Membre
Dernière intervention
-
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour,
Comment "show - hide" une div en jQuery ou avec vanilla js ?
Je veux afficher ou masquer la div "card-body" en cliquant sur la div "carte-top" utilisant "$(this)".
Merci à tous.
Cordialement
Configuration: Windows / Edge 103.0.1264.44
Comment "show - hide" une div en jQuery ou avec vanilla js ?
<div class="carte mx-2"> <div class="carte-top"> <h4 class="titre text-center">Grand-Père</h4> </div> <div class="card-body"> <div class="carte-img"> <img src="img/gris.png" alt=""> </div> <div class="carte-body text-center"> <h5 id="grandPere"></h5> </div> </div> </div> <div class="carte mx-2"> <div class="carte-top"> <h4 class="titre text-center">Grand-Mère</h4> </div> <div class="card-body"> <div class="carte-img"> <img src="img/grise.png" alt=""> </div> <div class="carte-body text-center"> <h5 id="grandMere"></h5> </div> </div> </div>
Je veux afficher ou masquer la div "card-body" en cliquant sur la div "carte-top" utilisant "$(this)".
Merci à tous.
Cordialement
Configuration: Windows / Edge 103.0.1264.44
A voir également:
- JQuery show / hide
- Usb show - Télécharger - Sauvegarde
- Show key plus - Télécharger - Utilitaires
- Media show pro - Télécharger - Présentation
- Free hide folder - Télécharger - Sécurité
- Smart show 3d - Télécharger - Visionnage & Diaporama
5 réponses
Bonjour,
1 - Ta question concernant du javascript ... il eut été bien de la mettre dans le forum javascript ! (je la déplace)
2 -
La réponse est dans la question .... en utilisant les méthodes .show() ou .hide()
Donc en fait, ta question c'est : comment "cibler" l'élément ayant la class card-body qui se trouve après l'élément cliqué
pour ça, tu peux, en jquery, utiliser la méthode .parent() puis .find()
1 - Ta question concernant du javascript ... il eut été bien de la mettre dans le forum javascript ! (je la déplace)
2 -
Comment "show - hide" une div en jQuery
La réponse est dans la question .... en utilisant les méthodes .show() ou .hide()
utilisant "$(this)"
Donc en fait, ta question c'est : comment "cibler" l'élément ayant la class card-body qui se trouve après l'élément cliqué
pour ça, tu peux, en jquery, utiliser la méthode .parent() puis .find()
$(".carte-top").click(function (){
let card_body = $(this).parent().find('.card-body');
card_body.toggle(); //on masque
});
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question