javascript - 在链接上悬停显示 div，在该 div 和链接悬停时显示

Question

我有链接和链接悬停显示 div 当离开光标形式 div 和链接隐藏 div 使用 jQuery。我有显示它的代码，当我离开这些链接和 div 的光标时如何隐藏它。这是我的 html 代码。

 <a href="javascript:void(0);" id="show_div">2 items</a>
 <div id="dropcart">contents</div>

<script type="text/javascript">
$(document).ready(function(){
 $("#show_div").hover(function(){
       $("#dropcart").fadeIn();
    });                 
});

Answer 1

$("#show_div").hover(function(){
     $("#dropcart").fadeIn();
});

$("#dropcart").mouseleave(function(){
    if($("#show_div").is(':hover') === false)
    $("#dropcart").fadeOut("fast"); 
});

demo