Salve, sto uscendo pazzo su una probabile cavolata.
Sfruttando JQuery ho adattato un po gli esempi per creare un effetto slide per fare la transizione tra una div e l'altra nella pagina.
Il codice che segue mi crea 1 div e mi elimina la precedente all'infinito.
Il problema è che non riesco ad eliminare la vecchia div utilizzando il delay mentre con il remove secco funziona. Avete qualche idea?

Ecco il codice:

<script>

var indice_pagine=1;
var pagina_prec=0;

$("#go").click(function(){

$('.pagine').append("<div id='pagina"+ indice_pagine +"' class='pagina'>Pagina Attuale: "+ indice_pagine +"
Vecchia pagina: "+ pagina_prec +"</div>");
//$("#pagina"+pagina_prec).clone().attr("id","pagina "+indice_pagine).appendTo(".pagine");

//SLIDE ENTRATA DA DX DELLA PAGINA NUOVA
$("#pagina"+indice_pagine).animate({
opacity: 1,
marginLeft: "0",
}, 1000 ).queue(function() {
$(this).css({position: "relative"});
});

//$("#pagina"+pagina_prec).delay(1000).queue(functio n() { $(this).remove(); }) //CON QUESTO NON FUNZIONA
$("#pagina"+ pagina_prec).remove(); //CON QUESTO FUNZIONA

//incremento i contatori della pagina
pagina_prec=indice_pagine;
indice_pagine=indice_pagine+1;

});

</script>

<button id="go">SFOGLIA</button>


<div id="pagine" class="pagine"></div> //CONTENITORE PER LE PAGINE