div通过悬停显示并且仍然显示

Question

我需要“jquery”代码的帮助来执行此操作： 首先我们可以知道我有两个 div (div 1)'visible' 和 (div 2)'hidden' ，我想将鼠标悬停在 (div 1) make (div 2)'visible' 上。然后： 其次，当我用鼠标移动到（div 2）消失时，我希望（div 2）和（div 1）可见，直到我停留在其中任何一个

如果我停留在其中一个 div 上，则使两个 div 可见

Answer 1

我认为你想说你有两个

div

说

div1

和

div2

（最初隐藏），当

div1

悬停时，

div2

是可见的，当悬停在

div2上时它也可见

当鼠标离开时消失。 这就是您正在寻找的解决方案！

HTML：

<div class="div1">Div-1</div>
<div class="div2">Div-2</div>

CSS：

.div2 {
  display: none;
}

Jquery：

$(document).ready(function() {}
    $(".div1").mouseenter(function() {
      $(".div2").show();
    });
    $(".div2").mouseleave(function() {
      $(".div2").hide();
    });
    $(".div2").mouseenter(function() {
      $(".div2").show();
    });
  });