javascript - 在鼠标输入时显示不同的 div

Question

我正在尝试制作一个 div，您可以将鼠标悬停在该 div 上，然后会出现另一个。这是我目前所拥有的...

html

<div id="buttons">
<div id="box"></div>
<div id="content">content here</div>
</div>

CSS

#box {
position:absolute;
width: 10vw;
height: 10vw;
background-color: blue;
}

#content {
position:absolute;
width: 10vw;
height: 10vw;
background-color: red;
visibility: hidden;
}

jquery

$( "box" )
.mouseover(function() {
$( "content").style.visibility( "visible" );
})

非常感谢您的任何帮助。谢谢!

Answer 1

你可以使用:

('#box').hover(
  function () {
    $('#content').show(); //or css('visibility','visible');
  }, 
  function () {
    $('#content').hide(); //or css('visibility','hidden');
  }
);

这将显示/隐藏 div。你错过了“#”