Sujet Précédent Sujet Suivant

JQuery show / hide

Résolu/Fermé
chabinot Messages postés 327 Date d'inscription mardi 10 novembre 2015 Statut Membre Dernière intervention 27 août 2023 - 6 juil. 2022 à 13:51
jordane45 Messages postés 37733 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 1 octobre 2023 - 9 juil. 2022 à 13:16
Bonjour,
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:

5 réponses

Réponse 1 / 5
jordane45 Messages postés 37733 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 1 octobre 2023 4 615
6 juil. 2022 à 14:30
Bonjour,

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()
0
Réponse 2 / 5
chabinot Messages postés 327 Date d'inscription mardi 10 novembre 2015 Statut Membre Dernière intervention 27 août 2023 15
6 juil. 2022 à 18:02
Merci,

Un peu novice en jQuery, aurais tu vous un exemple de code.

Merci,

Cordialement,

Chabinot
0
Réponse 3 / 5
jordane45 Messages postés 37733 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 1 octobre 2023 4 615
6 juil. 2022 à 18:13 
  $(".carte-top").click(function (){
      let card_body = $(this).parent().find('.card-body');
      card_body.toggle(); //on masque
  });

0
Réponse 4 / 5
chabinot Messages postés 327 Date d'inscription mardi 10 novembre 2015 Statut Membre Dernière intervention 27 août 2023 15
6 juil. 2022 à 18:24
Merci beaucoup.
0
jordane45 Messages postés 37733 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 1 octobre 2023 4 615
7 juil. 2022 à 21:49

Tu penseras à marquer la discussion en résolue.

Merci.

0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 5
chabinot Messages postés 327 Date d'inscription mardi 10 novembre 2015 Statut Membre Dernière intervention 27 août 2023 15
9 juil. 2022 à 11:20

D'accord, mais comment faire.
0
jordane45 Messages postés 37733 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 1 octobre 2023 4 615
9 juil. 2022 à 13:16

Clique sur les trois petits points en dessous de ta question (premier message de cette discussion)

Tu auras 'a possibilité de la mettre en résolue.

0

Discussions similaires

arnaque show cam
syndromatique -
Apasdamypincom -

11 réponses
commande show arp
TSHISAM -
brupala -

2 réponses
Impossible de lire les films streaming!!!!
Le-psy-79 -
ronaldo -

10 réponses