jquery - 使用 jQuery 显示/隐藏内容

Question

我的 div 中有内容，仅当我的页面中有特定元素时才需要显示这些内容。

这是我的CSS代码:

.my-div { display: none }

这是我的 jQuery 代码:

   $(document).ready(function(){
      $('.show-div').hover(function() {
         $('my-div').show();
      });
   });        

这是我的 HTML:

<div class="my-div">
   <p>Hello World</p>
</div>
<a href="#" class="show-div">Show content</a>

它实际上工作正常，只是我不确定如何在将鼠标从“显示内容”链接移开时再次隐藏我的内容。是否有某种“悬停”方法？

Answer 1

$().hover() 支持 handlerIn and handlerOut参数:

$(document).ready(function(){
   $('.show-div').hover(function() {
      $(this).show();
   }, function() {
      $(this).hide();
   });
});