Comment éxécuter deux function l'une après l'autre

je souhaite exécuter la function1 puis attendre la fin de sont éxécution puis lancer la function2.

j'ai essayé ceci sans succés :

clearTimeout(menu_time);
			menu_time 	= setTimeout(function(){

et ceci :

function One(callback) {
    $('div#animateTest1').animate({ left: '+=200' }, 2000, 
        function(e) { callback(); });
}
function Two() {
    $('div#animateTest2').animate({ width: '+=200' }, 2000);
}

// Call these functions sequentially so that the animations
// in One() run b/f the animations in Two()
    One(Two);

---- voici mon code ----

js file :

$.fn.appel = function ($Lien) {
			
			$(this).data('clicked', true);
			alert('$.fn.appel = function ' + '\n' + 'Affiche la variable $lien déclarée dans HTML' + '\n' + $Lien.text());
			alert('$.fn.appel = function ' + '\n' + 'Affiche la variable $lien déclarée dans $(this)' + '\n' + $(this).text());
			var $NomContent = $(".cc_item:eq(1)");
			alert('$.fn.appel = function ' + '\n' + 'Affiche les noms Titre&Sous-Menus du $(".cc_item:eq(1)") cible : ' + '\n' + $NomContent.text());
			var $li_e = $("ul:eq(1) li:nth-child(2)");
		   alert('$.fn.appel = function ' + '\n' + 'Affiche le Nom du Lien cible $("ul:eq(1) li:nth-child(2)") (demandé) : ' + '\n' + $li_e.text());
			var IDContent = $li_e.attr('class');
			alert('$.fn.appel = function' + '\n' + 'Affiche le No. de la class cc_content_x_y du Lien cible (demandé) : '  + '\n' + IDContent);
			var $this = $NomContent;
			alert('$.fn.appel = function' + '\n' + 'Affiche Titre&Sous-Menus du cc_item cible : '  + '\n' + $this.text());
			
			
			$(this).appel_unfold($li_e);
			fold($li_e);
			

			$(this).data('clicked', false); /* annule la valeur active - réinitialisation de la valuer du lien */			
		}
		
		$.fn.appel_unfold = function ($li_e) {
			alert('appel_unfold - Nom du lien cliqué :' + '\n' + $(this).text());
			
			unfold();
			m_enter($li_e.attr('class')); /*  fais apparaitre la barre titre & sous-menu */
			
		}
		
		
		$.fn.appel_fold = function ($li_e) {
						alert('appel_fold :' + '\n' + 'Lien cible1' + '\n' + $li_e.text());
						$(this).data('clicked', true);
						alert('appel_fold :' + '\n' + 'Lien cible2' + '\n' + $li_e.text());
						/* fold($li_e); */
						$(this).data('clicked', false);
			
		}

si je place

$(this).appel_fold($li_e);

aprés la ligne

$(this).appel_unfold($li_e);

fold s'éxécute avant.

appel_unfold réintialise le collapse et le positionne sur le item .cc_item:eq(1)

donc le dernier bout droite et de simuler une click sur le deuximème lien pour silder/ouvrir la menu/page cilble

merci de votre aide

solution trouvée et résolu! ça fonctionne clairement!

mounirmabrouk a écrit :
solution trouvée et résolu! ça fonctionne clairement!

et bien fais nous en profiter !

La méthode Deferred est parfaite pour gérer ce genre de fonctionnement, un peu compliqué à saisir au départ, mais une fois plus ou moins compris, c'est génial :

http://fguillot.developpez.com/tutoriels/javascript/manipulation-callbacks-avec-jquery/