11521 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Je réalise actuellement une page possédant 3 éléments cliquables les uns en dessous des autres.
Dès que l'on clic sur un de ces éléments, un texte se découvre et cache éventuellement celui qui a déjà été découvert.

Pour ce faire, j'utilise donc une animation en jQuery pour découvrir relatif à l'élément et éventuellement cacher le texte relatif à un autre l'élément.

Partons maintenant du principe qu'il y ai un élément dont le texte est déjà découvert. Dès lors que je clic sur un autre élément, le texte de ce même élément ce découvre. Bien.
Cependant, le texte de l'autre élément vient se cacher juste après que l'autre texte ai fini de se découvrir.

Ce que je souhaiterais, c'est que ces deux animations se jouent en même temps, et non l'une après l'autre.

J'ai bien mis dans mon animation la propriété "queue: false" mais cela n'a pas l'air de fonctionner.

Voici le code jQuery :


//Procédure d'affichage du texte des contenus
function afficherTexte() {
    
    //Récupération de l'élément cliqué et des éléments non cliqués
    var contenuActif = $(this).parents('.contenu');
    var contenuNonActif = $('.contenu').not(contenuActif);
    
    $(contenuActif)
        .animate({//animation de découverte du texte de l'élément cliqué
            'max-height':"300px"
        },{queue: false, duration: 1000})

    $(contenuNonActif)
        .animate({//animation de disparition du texte d'un autre élément
            'max-height':"50px"
        },{queue: false, duration: 1000})
    
    
}//fin afficherTexte

//Chargement complet de la page avant exécution du script
$(document).ready(function(){
    
    //Assignation d'un évènement au clic sur les éléments enfant de '.contenuTitre'
    var contenuTitre = $('.contenuTitre').children();
    contenuTitre.on("click",afficherTexte);
    
})


Je vous remercie pour votre aide Smiley smile .