JQuery show / hide

Résolu
chabinot Messages postés 322 Date d'inscription   Statut Membre Dernière intervention   -  
jordane45 Messages postés 38473 Date d'inscription   Statut Modérateur Dernière intervention   - 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 38473 Date d'inscription   Statut Modérateur Dernière intervention   4 744
 
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 322 Date d'inscription   Statut Membre Dernière intervention   16
 
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 38473 Date d'inscription   Statut Modérateur Dernière intervention   4 744
  
  $(".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 322 Date d'inscription   Statut Membre Dernière intervention   16
 
Merci beaucoup.
0
jordane45 Messages postés 38473 Date d'inscription   Statut Modérateur Dernière intervention   4 744
 

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 322 Date d'inscription   Statut Membre Dernière intervention   16
 

D'accord, mais comment faire.
0
jordane45 Messages postés 38473 Date d'inscription   Statut Modérateur Dernière intervention   4 744
 

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

Créer un site de Live show comme Eurolive
awesomeguyaw -
bg62 -

5 réponses