如何通过悬停在另一个上来隐藏一个div?

时间:2017-07-02 06:52:15

标签: jquery html css

我可以hover超过一个div,并导致另一个div display:none然后在不悬停时再次显示吗?

我可以display:none关注我正在悬停的对象,但导致另一个div display:none并不适合我。

由于

1 个答案:

答案 0 :(得分:1)

是的,你可以,这真的很简单:

$('.mydiv').mouseenter(function(){
    $('.myotherdiv').fadeOut();
    //you could also use $('.myotherdiv').css({'display':'none'});
});

$('.mydiv').mouseleave(function(){
    $('.myotherdiv').fadeIn();
    //you could also use $('.myotherdiv').css({'display':'block'});
});

上面的代码假设您的第一个元素(您悬停的元素)具有类mydiv,并且必须消失并重新出现的div具有类myotherdiv