Ciao a tutti.. io ho un problema di questo tipo..
vorrei che quando l'utente va sopra con il mouse sul div youtube.. il sotto div copertina_yt scompaia e e appaia contenuto_yt... poi quando l'utente toglie il mouse dal div youtube, scompare il contenuto e riappare la copertina... quindi io ho scritto questo codice..

html:
codice:
<div id="box">            <div id="youtube">
                <div id="copertina_yt">
                    <img src="img/altro_youtube.png" />
                </div>
                <div id="contenuto_yt">
                    bla bla bla
                </div>
            </div>
            <div id="contatti">
                <div id="copertina_con">
                    <img src="img/altro_contatti.png" />
                </div>
                <div id="contenuto_con">
                    bla bla bla
                </div>
            </div>
        </div>
css:
codice:
#contenuto_yt {    display:none;
}
jquery:
codice:
$('#youtube').each(function(index, element) {        $(this).hover( function() {
            $('#copertina_yt').slideUp(300);
            $('#contenuto_yt').slideDown(300);
        },
        function() {
            $('#contenuto_yt').slideUp(300);
            $('#copertina_yt').slideDown(300);
        });
    });
sapete dirmi dove sbaglio? con un codice cosi ad ogni minimo spostamente il div contenuto appare e scompare.. e non capisco perchè...

grazie mille