Discussion :

[artenis]

Bonjour,

je cherche à créer une action unique d'un bouton répéter plusieurs fois dans plusieurs conteneurs afin d'afficher un bloc et de cacher un autre bloc, chacun disposant d'une class.
<conteneur>
bouton1 -> affiche bloc2 et cache bloc1
bouton2 -> affiche bloc1 et cache bloc2
</conteneur

Le problème qui se pose (logique) c'est que lorsque je clique sur le bouton tout les blocs/div de tous les conteneurs s'affichent et s'effacent en même temps.
Je voudrais que seul le bouton contenu dans le conteneur fasse effet sur les blocs/div de ce conteneur et pas des autres.

Je essayé avec la fonction "each" mais soit je m'y prends mal, soit il ne s'agit pas de la fonction adéquate.

Pourquoi : parce qu'il s'agit d'une boucle (wordpress) et que je ne peux pas attribuer un id différent à chaque div de chaque conteneur , parfois il peut y avoir 45 conteneurs sur la même page !

j'espère avoir été conscis!

[elfamine]

Bonjour,

Sans avoir vu ton code ca va etre difficile de te conseiller... mais en un mot ce que tu cherche c'est this

[artenis]

Merci pour ce conseil, mais je ne connais que le "this" selector et je ne vois pas comment l'utiliser pour désigner uniquement la class de la div du premier conteneur (par exemple)!

voici mon code mais avec children :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
$(document).ready(function(){
 
	$('#links-Description').click(function()){
		$(this).children('.InfosPratiques').hide();
		$(this).children('.Descriptions').show();
	});
	$('#links-InfosPratiques').click(function()){
		$(this).children('.Descriptions').hide();
		$(this).children('.InfosPratiques').show();
	});
 
});

et voici ce que j'ai trouvé sur le net (la fonction "next" , mais je n'y comprends rien et surtout ne sais pas si cela convient réellement à mon problème ! si c'est la réponse à mon problème serait-il possible de me l'expliquer

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function open_menu($this) {
    $this.next('ul.sub-menu').css('display', 'block').stop(true, false).animate({
        width: '235px',
    }, 500);
}
 
function close_menu() {
    // close code here
}
 
status = 'closed'; // set the default menu status
 
$('a').click(function() {
    switch(status) {
        case 'closed':
            open_menu($(this));
            break;
        case 'open':
            close_menu();
            break;
    }
}

[elfamine]

Deja 1ere observation on ne peut y avoir plusieurs boutons avec le meme id, la meme class oui...mais pas le meme id

Est ce qu'on peut voir ton code html stp ?

[artenis]

Code HTML :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<div class="activity_list_text">
	<div class="Descriptions"><?php the_content(); ?></div>
	<div class="InfosPratiques"><?php echo get_post_meta($post->ID,'Telephone',true) ?></div>
</div>
<div class="activity_list_links">
	<ul>
		<li class="links-Description">Description</li>
		<li class="links-InfosPratiques">Infos pratiques</li>
	</ul>
</div>

Le script jquery qui refonctionne, mais toujours pas action unique sur un conteneur, lorsque j'appuie sur un des booutons, tous les blocs de tous les conteneurs s'affichent ou s'effacent !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(document).ready(function(){
 
	$('.links-Description').click(function(){
 
		$('.activity_list_text').children('.InfosPratiques').hide();
		$('.activity_list_text').children('.Descriptions').show();
	});
	$('.links-InfosPratiques').click(function(){
 
		$('.activity_list_text').children('.Descriptions').hide();
		$('.activity_list_text').children('.InfosPratiques').show();
	});
 
});

[elfamine]

c'est normal que

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

$(this).children('.InfosPratiques').hide();

ne fonctionne pas puisque .InfosPratiques n'est pas un descendant de l'element clickable.

quel est code html generé par ton php ?

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
php the_content();
echo get_post_meta($post->ID,'Telephone',true);