Discussion :

[cédric20]

Bonjour à tous,
Voila j'ai un petit soucis j'utilise ce code :

Code :

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

1
2
3
4
5
6
7
 
$(document).ready(function(){
		$(".tab").hide();
		$(".affichTab").click(function(){ 
			$(this).parent().next("table").slideToggle("slow"); 
		}); 
	});

pour afficher des tableaux par contre lorsque je déroule mon tableaux tout va bien, mais lorsque je le cache il me remonte la page tout en haut, j'aimerai qu'il me laisse la ou je me trouve dans la page..

merci pour votre aide

[kopax]

Ton script est correcte, pas possible de t'aider plus avec ce que tu donnes.

[NoSmoking]

Bonsoir,
il y a lourd à parier que les actions sont réalisées à partir de balises A, si c'est le cas il te faut annihiler l'action par défaut des liens.

Code :

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

1
2
3
4
5
6
7
8
$(document).ready(function(){
    $(".tab").hide();
    $(".affichTab").click(function(){ 
        event.preventDefault();
        $(this).parent().next("table").slideToggle("slow"); 
 
    }); 
});

l'autre solution étant d'utiliser des BUTTON qui sont après tout fait pour cela, et avec un peu de CSS le tour est joué, mais je m'avance peut être

[cédric20]

Effectivement j'utilise des lien A imbriqué dans une div

Code :

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

<a href="#" class="affichTab">Expériences professionnelles</a>

Comment je pourrai désactiver l'action du lien ?

En utilisant des "button" je n'aurai pas le mm rendu...

[Bovino]

Ben avant tout, une balise <a>, c'est pour un lien, si tu ne veux pas de lien, tu n'as aucune raison d'utiliser cette balise !

[NoSmoking]

En utilisant des "button" je n'aurai pas le mm rendu...

avec du CSS c'est jouable.

Sinon relis ma réponse et notamment l'apparition de event.preventDefault() dans le code.

[kopax]

avec du CSS c'est jouable.

Sinon relis ma réponse et notamment l'apparition de event.preventDefault() dans le code.

Correction

Code :

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

1
2
3
4
5
6
7
8
$(document).ready(function(){
    $(".tab").hide();
    $(".affichTab").click(function(event){ 
        event.preventDefault();
        $(this).parent().next("table").slideToggle("slow"); 
 
    }); 
});