[英]Jquery rollover but not the same child?
What I want to do is when I rollover .mainmenu then the .submenu fade in, but the problem is that both of them are not parent and child related, so how can I make the .submenu remain visible when I move my cursor from .mainmenu to .submenu? 我想做的是当我将.mainmenu鼠标悬停后淡入淡出.submenu,但是问题是它们都不与父子相关,所以当我将光标从移开时,如何使.submenu保持可见。 mainmenu到.submenu?
http://codepen.io/vincentccw/pen/LnvJE http://codepen.io/vincentccw/pen/LnvJE
my html:
//////////////////////////////////////////////
<div class="mainmenu">this is text</div>
<div class="submenu">this is text2</div>
//////////////////////////////////////////////
my js:
//////////////////////////////////////////////
$( document ).ready(function() {
$(".mainmenu, .submenu").mouseenter(function(){
$(".submenu").stop(true,true).slideToggle();
console.log('slide down');
}).mouseleave(function(){
$(".submenu").stop(true,true).slideToggle();
console.log('slide up');
});
});
////////////////////////////////////////////////
$(document).ready(function () {
$(".mainmenu").mouseenter(function () {
$(".submenu").stop(true, true).slideToggle();
// console.log('slide down');
}).mouseleave(function (e) {
if (e.relatedTarget.className != "submenu") $(".submenu").stop(true, true).slideToggle();
// console.log('slide up');
});
$(".submenu").mouseleave(function (e) {
$(".submenu").stop(true, true).slideToggle();
// console.log('slide up');
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.