jquery, problema con la richiesta ajax!

[Madsex]

ciao rga ho questo codice da me creato(potete fare pernacchi se volete):

$(".contract").click(function(){

	 $("#slide_hidden").animate({'width':'0px'},1000)
	 
	 $.ajax({
        type: "GET",
        url: "pages/content_slider.php",
        data: "q="+(this.rel),
        success: function(response){
        $("#slide_hidden").html(response);
        }
      });
	  
	 
      
	  $("#slide_hidden").animate({'width':larghezza+'px'},1000)
  
  });
  
   $(".second").click(function(){

	 $("#slide_hidden").animate({'width':'0px'},1000),
	 
	 $.ajax({
        type: "GET",
        url: "pages/content_slider.php",
        data: "q="+(this.rel),
        success: function(response){
        $("#slide_hidden").html(response);
        }
      });
      
	  $("#slide_hidden").animate({'width':larghezza+'px'},1000)
  
  });

tutto funziona con il click su determinati tasti e anche la richiesta ajax, il problema è che la richiesta si esegue troppo velocemente. Mi spiego.

Come vedete al click di ogni tasto c'è un animazione che chiude #slide_hidden poi c'è la richiesta ajax e la successiva riapertura di slide_hidden. La richiesta ajax però avviene troppo velocemente, praticamente durante l'eseguzione della prima animazione per cui mentre slide_hidden si chiude già si vede il risultato della richiesta ajax. Ho provato a concatenare l'animazione e la richiesta mettendo la classica virgola e poi function(){richiesta ajax} e poi il rsto ma nulla, così non funziona proprio.

Avete idee in merito?

Grazie in anticipo!

[cavicchiandrea]

E se lo sposti dentro al success:

success: function(response){
        $("#slide_hidden").animate({'width':larghezza+'px'},1000);
$("#slide_hidden").html(response);
        }
      });

P.S. Prima o dopo del .html() da vedere

[Madsex]

Nulla da fare, l'ho messo prima e dopo l'html ma fa sempre la stessa cosa.

Non so che pesci prender, di certo non posso tenere la cosa così!

Grazie in anticipo se ti viene altro in mente!

[linoma]

Puoi eseguire i vari steps solo altermine del singolo step, tipo :

$("#slide_hidden").animate({'width':'0px'},1000,function(){
	 $.ajax({
		type: "GET",
		url: "pages/content_slider.php",
		data: "q="+(this.rel),
		success: function(response){
			 $("#slide_hidden").html(response);
		},
		complete: function(){
                         $("#slide_hidden").animate({'width':larghezza+'px'},1000);
		}
	});       
})

[Madsex]

Forse non ho capito bene, ma se ho capito bene diventa un inferno, tutti quegli step (chiusura,ajax,apertura) sevono avvenire sul click di ogni bottone.

Mi faresti un esempio, non ho capito bene cosa intendi!

Grazie in anticipo!

[linoma]

Te lho postato l'esempio

[Madsex]

Scusa, non avevo visto il codice nel suggerimento che mi hai dato.

Adesso funziona tutto grazie mille.

[linoma]

Forse xche l'ho postato dopo qualche minuto