我有我类似这样的标记:在鼠标悬停后打开div并保持打开状态,直到鼠标移出?
<div class="wrapper-header">
<div class="container">
<div class="navbar">
<ul class="nav navbar-nav">
<li class=""><a href="#" class="toggle">Show Categories</a></li>
</ul>
</div>
</div>
<div class="wrapper-categories">
<div class="container">
Content Here
</div>
</div>
的.wrapper-categories
是display: none;
默认情况下,所以这只能说明曾经与点击:
$(".toggle").on('click', function (event){
event.preventDefault();
$(".wrapper-categories").slideToggle("fast");
$(this).html(function(i,html) {
if (html.indexOf('Browse') != -1){
html = html.replace('Show','Hide');
} else {
html = html.replace('Hide','Show');
}
return html;
});
});
现在,我想改变这种状况,以显示对hover
而不是click
,而.wrapper-categories
保持打开状态,如果有人将鼠标移过来并关闭,如果它不在链接或内容div上。
我试图更换它改为$(".toggle").hover(function() {
和那工作,但它不保持打开。我还要做什么?
你能给小提琴吗? – Varun
不久后会发布,是:) – user1227914