jquery 悬停时显示div,但仍显示

neskvpey  于 2023-10-17  发布在  jQuery
关注(0)|答案(1)|浏览(127)

我需要帮助“jquery”代码来做到这一点:首先,我们可以告诉我有两个div的(div 1)'visible'和(div 2)'hidden',我想让悬停在(div 1)使(div 2)'visible'。然后:第二,当我用鼠标移动到(div 2)消失,我希望(div 2)和(div 1)是可见的,直到我留在其中任何一个
使两个div的是可见的,如果我留在其中之一

ozxc1zmp

ozxc1zmp1#

我想你是想说你有两个divdiv1div2(最初隐藏),当div1是悬停,div2是可见的,它也是可见的,当鼠标悬停在div2和消失时离开。这就是您正在寻找的解决方案!
超文本标记语言:

<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();
    });
  });

相关问题