当我将鼠标移开时，如何在悬停时将其保持打开状态，然后将其关闭？

问题描述：

我现在正在使用此代码。每次我将鼠标悬停在它打开的选项卡上，但是当我尝试点击中的链接时，它会自动关闭。当我将鼠标移开时，如何在悬停时将其保持打开状态，然后将其关闭？

<script src="jquery.js"></script> 
<script> 
$(document).ready(function(){ 
    $("#click").hover(function(){ 
    $("#guts").slideToggle("fast") 
}) 
}) 
</script> 
#click{ 
    margin-bottom:4px; 
    padding:1px; 
    text-transform:uppercase; 
    letter-spacing:1px; 
    text-align:center; 
    background:#ffffff; /*tab 1 background color*/ 
    border:1px solid #000000; 
    padding:1px; 
    display:block; 
    -webkit-transition: all 0.1s ease; 
    -moz-transition: all 0.1s ease; 
    transition: all 0.1s ease; 
} 
#guts{ 
    padding:1px; 
    display:none; 
}

悬停你可以检查此。 http://jsfiddle.net/f7zJ7/1/ – 2014-10-09 03:09:50

你有没有尝试过使用CSS？ – Ryan 2014-10-09 03:11:27

你可以请发布完整的代码吗？ html + js + css。或者可能是您尝试过的jsfiddle或codepen的链接。 – krozero 2014-10-09 03:14:46

答

想在这里看到的是，你有相关与＃点击ID悬停事件而已，所以每当#guts ID下滑和你走在#guts ID，你离开＃点击，所以关闭视图。

尝试使用双方即

$(document).ready(function(){ 
    $("#click, #guts").hover(function(){ 
     $("#guts").slideToggle("fast") 
    }) 
})

当我将鼠标移开时，如何在悬停时将其保持打开状态，然后将其关闭？

相关推荐