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:

/* 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);
    });

});

En vous remerciant par avance de vos réponses.

Cordialement.

1 réponse


Bonjour BAM JanO.
Alors se code est jquery hors nous sommes dans l'action script ici.

Mais bon voici un lien pour l'explication du fadein et du fadeout

FadeIn

FadeOut

Voilà tiens nous au courant si tu as trouvé ton petit bonheur.
Papiho-King