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