Discussion :

[oceane751]

Bonjour à tous et bonne année

J'ai un petit soucis

J'ai une div (annonce) qui est cachée grace au css
J'ai une div (test) non cachée
et j'ai un lien

En cliquant sur ce lien, je cache annonce et j'affiche test
Quand je reclique sur ce même lien, je cache test et j'affiche annonce

En gros j'ai :

Code :

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

<a href="" class="modifier_annonce">Modifier</a>

puis mon code jquery :

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
$(document).ready(function() {
	$(".modifier_annonce").click(
 
		function() {
 
			$(".test").addClass("block");
			$(".test").removeClass("test");
			$(".annonce").hide();
			return false;
		},
		function() {
 
            $(".test").removeClass("block");
			$(".test").addClass("test");
			$(".annonce").show();
			return false;
        });
 
 
});

avec mon code il ne se passe rien du tout

quand je fais

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() {
	$(".modifier_annonce").click(
 
		function() {
 
			$(".test").addClass("block");
			$(".test").removeClass("test");
			$(".annonce").hide();
			return false;
 
        });
 
 
});

J'ai bien ma class "annonce" qui se cache et ma class "test" qui s'affiche

Donc en gros, est ce que c'est possible de faire ce que j'ai dit plus haut (En cliquant sur ce lien, je cache annonce et j'affiche test
Quand je reclique sur ce même lien, je cache test et j'affiche annonce) ?

Merci beaucoup !

[SpaceFrog]

toggle ?

[oceane751]

nickel !

je ne connaissais pas, je vais le mettre de coté

en gros j'ai mes 2 div qui portent le même nom maintenant (class="annonce") dont une qui est en display:none;
puis :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
$(document).ready(function() {
	$(".modifier_annonce").click(
 
		function() {
			$(".annonce").toggle()
			return false;
 
        });
 
 
});

Merci beaucoup!