使用jQuery显示/隐藏内容

我有一个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>

你好，世界

它实际上工作得很好，只是我不知道如何在将鼠标从“显示内容”链接移开后再次隐藏我的内容。是否有某种“取消覆盖”方法？

$（）。hover（）支持参数：

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

只需回答
是否有某种“取消覆盖”的方法？
这一部分您可以像这样使用
模糊

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

用于字段失去焦点，与悬停事件无关的情况。与“unhover”最接近的等价物实际上是，
.hover（）
的第二个参数在内部映射为。