jQuery show div on hover - hide div on mouseout

Question

J'ai une balise d'ancrage qui, lorsqu'elle est survolée, doit faire apparaître une certaine div ("mark"). La div n'est PAS à l'intérieur de la balise d'ancrage.

Le code HTML est le suivant :

       <a href="#" class="mark"></a>
          <div class="icontent">
                <p>
                lorem ipsum dolor sit amet......
                 </p>
           </div>  

Lorsque la souris passe sur ".mark", ".icontent" doit apparaître. Lorsque la souris est retirée, ".icontent" doit se cacher à nouveau. Est-il possible d'ajouter une transition d'une seconde ?

Remerciements

Answer 1

$(".mark").mouseover(function() {
    $('.icontent').fadeIn(1000);
}).mouseout(function(){
    $('.icontent').fadeOut(1000);
});