Mon slider à un drole de comportement sous IE

**pierrot10** · 11/12/2011, 23h30

Bonjour,

J'utilise la fonction slidUp() et slideDown() pour faire apparaitre un div qui est caché. Quand je clique sur un div qui a la classe aLemas, il se déroule. Su re reclique il s'enroule.

Code :

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

1
2
3
4
5
6
7
8
	$('.aLemas').click(function() {
		if ($("#lemas").is("#lemas:hidden")) {
			$("#lemas").slideDown("slow");
			$("#lemas").prepend(loadingImages('mas','lemas')); //folder, destination (#lemas)
		}else{
			$("#lemas").slideUp("slow");
		}
	});

Sous firefox ca fonctionne bien. Le problème c'est que sous IE, ca se passe bien aussi, sauf que lorsque qu'il s'enroule (se ferme) il clignotte, juste après. Et ceci que sous IE8 et 9.

Voici le lien
www.provence-maison.info

Ce cligonttement se passe uniquement sur IE mais pas sur FF

Aurize-vous une idée pourquoi?

**danielhagnoul** · 12/12/2011, 00h46

Bonsoir

Code :

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

1
2
3
4
5
6
7
8
9
10
// attention, un ID doit être unique dans la page web !
 
$('.aLemas').click(function() {
 
	// if ( $(this).is(":hidden") ){
 
	// impossible ! un élément caché ne peut pas être cliqué
 
	return false; // évite la propagation de l'événement et l'action par défaut
});

**pierrot10** · 12/12/2011, 12h49

Salut,
Ben j'ai pas trop compris.

L'élément clicable n'est pas caché car c'est .aLemas.
Qaud on le clique il va déroulé #lemas

**pierrot10** · 12/12/2011, 13h53

Ok je vois,
j'ai changé
La premiere image,"le Mas" à un class "aLemas".
Quand on clique sur celle-ci, le div #lemas s'ouvre.
Quand elle est ouverte, il ya droite un croix, qui a la classe .clode

Code :

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

1
2
3
4
5
6
7
8
 
	$('.aLemas').click(function() {
		if ($("#lemas").is("#lemas:hidden")) {
			//deroulant_open('lemas');
			$("#lemas").slideDown("slow");
			$("#lemas").prepend(loadingImages('mas','lemas')); //folder, destination (#lemas)
		}
	});

Code :

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

1
2
3
4
5
6
7
8
 
	$('.close').click(function() {
 
		if ($("#lemas").is("#lemas:hidden")) {
		}else{
			$("#lemas").slideUp("slow");
		}
	});

Ca marche toujours bien sauf que sous IE, il y a toujours le même problème : le clignottement après que le div #lemas soit fermé

**glen1789** · 12/12/2011, 16h37

Bonjour,

N'ayant jamais eu ce problème je ne peut rien affirmer mais je suis du même avis que danielhagnoul, l'ajout de

Code :

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

return false;

à la fin de chaque fonction peut éviter des comportements non souhaités.

Ce qui donnerait :

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
 
        $('.aLemas').click(function() {
		if ($("#lemas").is("#lemas:hidden")) {
			//deroulant_open('lemas');
			$("#lemas").slideDown("slow");
			$("#lemas").prepend(loadingImages('mas','lemas')); //folder, destination (#lemas)
		}
                return false;
	});
 
 
	$('.close').click(function() {
 
		if ($("#lemas").is("#lemas:hidden")) {
		}else{
			$("#lemas").slideUp("slow");
		}
                return false;
	});