Modificare l'altezza di un div tramite Jquery

[Giuffre]

Con questo codice JQuery ho realizzato una piccola animazione sul menu del mio sito.
Il problema è che il metodo .hover() sembra memorizzare il numero di passaggi del mouse su div.button ovvero se con il cursore faccio n-passaggi sopra il div, lo script mi esegue esattamente n-animazioni, una di seguito all'altra.
Come posso fare per impedire il conteggio dei passaggi del mouse mentre l'animazione è in corso?

$(document).ready(function()
{
	$("div.button").hover(
		function()
		{
			$(this).animate({"height": "+=50px"}, "slow");
		}, 
		function()
		{
			$(this).animate({"height": "35px"}, "fast");
		}
	)
});

[Vindav]

prova cosi:

$(document).ready(function()
{
	$("div.button").hover(
		function()
		{
			$(this).stop(true, true).animate({"height": "+=50px"}, "slow");
		}, 
		function()
		{
			$(this).stop(true, true).animate({"height": "35px"}, "fast");
		}
	)
});

[Giuffre]

Così va molto meglio, però ora ad ogni passaggio del mouse interrompe l'animazione precedente per ricominciare quella nuova, c'è il modo per farla completare ed "ignorare" i passaggi del mouse durante l'animazione?

Comunque grazie!

[Giuffre]

Ho quasi risolto in questo modo:

$(document).ready(function()
{
	$("div.button").hover(
		function()
		{
			$(this).stop(true, true).animate({"height": "70px"}, "slow");
		}, 
		function()
		{
			$(this).animate({"height": "35px"}, "fast");
		}
	)
});

Adesso non memorizza più i passaggi del mouse e completa l'animazione. C'è solo da affinare qualche cosa.
Se avete consigli, li accetto