[jQuery] Utilisation de .queue

Résolu/Fermé
ghFrankfurt Messages postés 207 Date d'inscription mardi 16 novembre 2010 Statut Membre Dernière intervention 10 décembre 2014 - 7 déc. 2012 à 20:44
ghFrankfurt Messages postés 207 Date d'inscription mardi 16 novembre 2010 Statut Membre Dernière intervention 10 décembre 2014 - 9 déc. 2012 à 17:14
Bonjour,

J'essaye désespérément de faire fonctionner la fonction queue pour faire apparaître le texte dans un block(div) juste après son apparition.

Alors pour vous expliquer : Au clique d'un bouton, la fonction "go" commence, il fait apparaître le div, puis doit normalement, à la fin de son animation, faire apparaître le texte (slider, player, social) dedans mais le problème c'est que le texte arrive en même temps que le block.

Le texte doit ensuite disparaître en premier. Puis le block en second. Mais pour la seconde partie, j'arriverais peux être à adapter en fonction de la première partie.
Si quelqu'un aurait une idée de pourquoi ma fonction ne pas correctement....?

                 //première partie
                 $("#go").toggle(function(){
			$("#block").animate({
				width: "270px",
				height: "100%",
				padding: "30px"
			},"slow")
			.queue(function() {
					$("#arrow").attr("src", "arrow_02.png");
					$(".slider,.player,.social").show("slow");
					$(this).dequeue();
			});
	        //seconde partie
		},function() {
			$("#block").animate({
				width: "0px",
				height: "0%",
				padding: "0px"			
			},"slow")
			.queue(function() {	
					$("#arrow").attr("src", "arrow_01.png");
					$(".slider,.player,.social").hide("slow");
					$(this).dequeue();
			});
		});




Merci beaucoup!!

1 réponse

ghFrankfurt Messages postés 207 Date d'inscription mardi 16 novembre 2010 Statut Membre Dernière intervention 10 décembre 2014 23
9 déc. 2012 à 17:14
Trouvé, merci quand même :)

$("#go").toggle(function () {
$("#block").show("slow");
$("#block").animate({width: "270px", height: "100%", padding: "30px"});
jQuery.queue( $("#block")[0], "fx", function () {
$("#arrow").attr("src", "arrow_02.png");
$(".social,.player, #message").show("slow");
jQuery.dequeue( this );
});
},function() {
$("#arrow").attr("src", "arrow_01.png");
$("#message,.player,.social").hide("slow");
jQuery.queue( $(".social")[0], "fx", function () {
$("#block").hide("slow");
$("#block").animate({width: "0px", height: "0%", padding: "0px"});
jQuery.dequeue( this );
});
});
0