将鼠标悬停在链接上，切换div的可见性直到鼠标离开BOTH链接和div

通常的问题是：“如何将鼠标悬停在一件事物上并使thingOneFriend滑动打开？将鼠标悬停在链接上，切换div的可见性直到鼠标离开BOTH链接和div

除此之外：“如何让thingOneFriend保持打开状态，直到鼠标离开任一元素？

再加上thingOneFriend不包含在thingOne中的警告。

所以：

<div> 
    <ul> 
     <li><a href="blerg" id="#thingOne"></li> 
     <li><a href="blarg" id="#thingTwo"></li> 
     <li><a href="blorg" id="#thingThree"></li> 
    </ul> 
    <div id="thingOneFriend">I'm normally hidden</div> 
    <div id="thingTwoFriend">Me too.</div> 
    <div id="thingThreeFriend">Word.</div> 
</div>

Fiddle Here

我已经试过：

$(“#thingOne”).hover(function() { 
    $("#thingOneFriend").slideToggle(400); 
});

来源

2014-09-25 Octavian

使用jQuery libary（在JS语言）.mouseOver() method

这里是你的问题的示例：

<a href="#" id="hover">onHover this will open a little window</a> 
<div id="hidden" style="display: none;">Hello</div>

和脚本：

$("#hover").mouseover(function() { 
    $("#hidden").css("display", "block"); 
}); 
$("#hover").mouseout(function() { 
    $("#hidden").css("display", "none"); 
});

您可以使用onmouseout保持可视性当鼠标离开链接隐藏。您还可以阅读有关该方法的.css()

http://jsfiddle.net/m7nqoqpr/1/

来源

2014-09-25 17:25:33 ExCluSiv3

有这个烦恼：http://jsfiddle.net/hjo4291t/ – Octavian 2014-09-25 18:03:06

@Octavian http://jsfiddle.net/hjo4291t/1/您有一个名为id就是这样#ThingOne，你应该正常地命名它们。不要忘记接受我的回答:) – ExCluSiv3 2014-09-25 18:12:06

良好的捕获 - 复制和粘贴，并错过它。将小鼠添加到小提琴中。剩下的一件事 - 需要在div悬停时保持div打开。 http://jsfiddle.net/m7nqoqpr/ – Octavian 2014-09-25 18:25:29

将鼠标悬停在链接上，切换div的可见性直到鼠标离开BOTH链接和div

回答

相关问题