Jquery Doppia animazione

[theboss280489]

Salve a tutti,
mi sto imbattendo in Jquery per la realizzazione di qualche animazione nel mio sito tuttavia sto incontrando una prima difficoltà per animare contemporaneamente 2 oggetti.
In pratica ho un div con classe logo3 e dentro una immagine.
Quando l'utente posiziona il mouse sul div, tramite la funzione animate l'immagine si rimpicciolisce e appare il div del testo: fin qui il tutto funziona alla perfezione.

    $("div.logo3").mouseover(function() { 
		$("div.logo3 img").animate( {
			height:"30%",
			width:"auto"
			},
		700,
		function() {
    		$("div.logo3 div").fadeIn(400);
  		});
	});

Il problema è che ora vorrei effettuare il processo inverso: quando l'utente lascia il div logo3 con il mouse il testo deve scomparire con fadeout e l'immagine deve ritornare al 100%.
Tale codice funziona male, gli elementi sembrano pulsare:

$("div.logo3").mouseleave(function() {
		$("div.logo3 div").fadeOut(400);
$("div.logo3").mouseover(function() { 
		$("div.logo3 img").animate( {
			height:"30%",
			width:"auto"
			},
		700)

	});

Quale è il mio errore?
Inoltre c'è un modo per rendere il tutto fattibile con toggle?
Grazie