Javascript - Cambiare larghezza div gradualmente...

Sapreste dirmi un modo per cambiare la larghezza di un div in modo graduale?
Non so' se mi spiego...

vuoi far aumentare il width del div animando la cosa?
in jquery è molto semplice usando la funzione animate e passandogli width impostando la dimensione finale.
fatti una ricerca su google.

Si, a quanto pare è l'unica soluzione valida il jquery.
Ora faccio qualche prova varia e poi torno a lavorare sul sito...

Solo che ho notato che ripete l'azione 2 volte...

<div id="test">Hello!</div>
<script>

/* Using multiple unit types within one animation. */

$("#test").mouseover(function(){
  $("#test").animate({ width: "100px"
  }, 1500 );
});

$("#test").mouseout(function(){
  $("#test").animate({ width: "10px"
  }, 500 );
});
</script>

il codice è corretto perchè eseguirebbe l'azione due volte?

Non saprei, come ho aggiornato è andato tutto ok.