Bonsoir,

J'ai une page wordpress avec des produits qui s'affichent grâce à une boucle. 

Quand je clique sur l'un des produits je dois afficher des informations liées à ce produit issue de la même boucle et qui sont de base cachées avec un display:none.

J'aimerai simplement pouvoir afficher les informations de chacun de ces produits lorsque je clique sur l'un d'eux.

Mon problème est que je n'arrive pas à faire disparaître les info d'un quand je clique sur un autre.

J'imagine que quelqu'un à la solution et je l'en remercie d'avance.

<div class="row">
			<?php 
			// début de la boucle = tant qu'il y a des pages ou articles qui correspondent à la demande 
			$args = array(
			'post_type' => array('cuvees'),
			'cat' => $id_cat,
			'orderby'=> 'title',
			'order' => 'ASC'
			);

			$my_query=new WP_Query($args);
			while ( $my_query->have_posts() ) : $my_query->the_post(); 
			?>

			<script>
			jQuery(document).ready(function($) {
				$(".the-cuvee<?php the_ID(); ?>").hover(function() {
				  $("#liseret").css({fill : "<?php the_field('couleur'); ?>"});
				});
					
			
				
				
					$(".the-cuvee<?php the_ID(); ?>").click(function() {
						$(".modal<?php the_ID(); ?>").show();
						}, function() { 
						$(".modal<?php the_ID(); ?>").hide();
					});
			
			});
			</script>
			
			<div class="col the-cuvee the-cuvee<?php the_ID(); ?>">
				<img class="img-fluid" src="<?php the_field('photo'); ?>" style="max-height: 500px;">
				<h3>Cuvée</h3>
				<h2 style="color:<?php the_field('couleur'); ?>;"><?php the_title() ?></h2>
			</div>

				<div class="row modal<?php the_ID(); ?>" style="display: none; position: absolute;">
				<p><?php the_field('description'); ?></p>
				<p><?php the_field('caracteristiques'); ?></p>
				<p><?php the_field('accords'); ?></p>
				<a href="<?php the_field('pdf'); ?>">Fiche technique</a>
				</div>

			<?php endwhile; ?>

Bonjour a44icus,

Un exemple :

https://codepen.io/Zonecss/pen/pMzQRj

Bonjour.

Ce que tu fais, c'est quelque chose à éviter, de générer du code JavaScript dans une boucle PHP.