jQuery在悬停时显示div-在mouseout上隐藏div

Question

我有一个锚标记，将其悬停时，我希望显示一个div（“标记”）。div不在锚标记内。

HTML如下：

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

当鼠标悬停在“ .mark”上时，应显示“ .icontent”。当鼠标移出时，“。icontent”应再次隐藏。是否还可以向其添加1秒过渡？

谢谢

Answer 1

hover（）在这里可以很好地工作：

$('.mark').hover(function() {$('.icontent').show(1000)}, function() {$('.icontent').hide(1000)});

http://api.jquery.com/hover/