Grazie! Ho risolto al 90% il problema. La soluzione è utilizzare il metodo .animate() di jquery.
Ho notato, però, una piccola cosa che da fastidio al primo passaggio del mouse. Avendo il primo elemento visibile, man mano che passo sugli altri al destra, vengono nascosti per una piccola quantità di tempo, come se dovessero ancora essere caricati.
E' possibile risolvere questo problema?
Nel caso servisse, questo è il codice:
Codice:
$(document).ready(function(){
active = $("#slider li:first");
$(active).addClass('active');
$("#slider li").hover(function(){
$(active).animate({width: "52px"}, {duration:300, queue:false});
$(active).removeClass('active');
$(this).animate({width: "676px"}, {duration:300, queue:false});
active = this;
$(active).addClass('active');
});
});