salve a tutti,

ho una pulsantiera orizzontale composta da n pulsanti grafici distinti.
sotto di essa, ho un div (che mostra un'immagine bianca nel caso non si è con il mouse su un pulsante) che dovrebbe mostrarmi la descrizione di ognuno dei pulsanti (tramite un'immagine-fumetto).
vorrei che, al mouseover su uno degli n pulsanti, l'immagine-descrizione compaia con un effetto fade-in/out: ho visto che jQuery ha effetti simili a quanto vorrei ottenere, ma ho difficoltà nel rendere tutto fluido... per esempio questo codice:

codice:
$(document).ready(function(){
    
    $("#p1").mouseover(function () {
      $("#descrizione").fadeOut("slow");
      $("#descrizione").attr("src","img1.png");
      $("#descrizione").fadeIn("slow");
    });

});
prima mi cambia l'immagine e poi effettua la dissolvenza.
qualche suggerimento?

grazie. :)

saluti