Bonjour,
Je me permets de venir vers vous car je rencontre un petit soucis sur l'affichage et masquage de mes div.
En effet, en fonction de l'ordre de mes actions les durées d'animations sont différentes.
NDR: j'ai un menu déroulant avec des div qui s'affichent en fonction du li cliqué.
Exemple: lorsque que je clique sur li1, puis sur li2, puis admettons sur li 6, l'animation se fait d'une façon identique. Or lorsque je clique sur li6, puis sur li5, puis li2, l'animation (durée) est différente avec pourtant le même temps.
Je suis débutant dans le domaine, et pense que mon erreur est relativement bête.
Voici le code .js:
[code]
/ Apparitions/disparitions div/
$(document).ready(function(){
$(".titresm1").click(function(){
$("#detailcompet2,#detailcompet3,#detailcompet4,#detailcompet5,#detailcompet6,#detailcompet7,#detailcompetb").fadeOut(200);
$("#detailcompet1").fadeIn(1500);
});
$(".titresm2").click(function(){
$("#detailcompet1,#detailcompet3,#detailcompet4,#detailcompet5,#detailcompet6,#detailcompet7,#detailcompetb").fadeOut(200);
$("#detailcompet2").fadeIn(1500);
});
$(".titresm3").click(function(){
$("#detailcompet2,#detailcompet1,#detailcompet4,#detailcompet5,#detailcompet6,#detailcompet7,#detailcompetb").fadeOut(200);
$("#detailcompet3").fadeIn(1500);
});
$(".titresm4").click(function(){
$("#detailcompet2,#detailcompet3,#detailcompet1,#detailcompet5,#detailcompet6,#detailcompet7,#detailcompetb").fadeOut(200);
$("#detailcompet4").fadeIn(1500);
});
$(".titresm5").click(function(){
$("#detailcompet2,#detailcompet3,#detailcompet4,#detailcompet1,#detailcompet6,#detailcompet7,#detailcompetb").fadeOut(200);
$("#detailcompet5").fadeIn(1500);
});
$(".titresm6").click(function(){
$("#detailcompet2,#detailcompet3,#detailcompet4,#detailcompet5,#detailcompet1,#detailcompet7,#detailcompetb").fadeOut(200);
$("#detailcompet6").fadeIn(1500);
});
$(".titresm7").click(function(){
$("#detailcompet2,#detailcompet3,#detailcompet4,#detailcompet5,#detailcompet6,#detailcompet1,#detailcompetb").fadeOut(200);
$("#detailcompet7").fadeIn(1500);
});
$(".titresmb").click(function(){
$("#detailcompet2,#detailcompet3,#detailcompet4,#detailcompet5,#detailcompet6,#detailcompet7,#detailcompet1").fadeOut(200);
$("#detailcompetb").fadeIn(1500);
});
});
[/code]
En vous remerciant par avance de vos réponses.
Cordialement.