使用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>

它实际上工作正常，除了我不确定如何在将鼠标移离我的＆＃34;显示内容＆＃34;之后再次隐藏我的内容。链接。是否有某种＆＃34; unhover＆＃34;方法

Answer 1

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

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

Answer 2

只是回答Is there some sort of "unhover" method?此部分，您可以使用blur这样

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