onmouseover で最初の div を表示して 2 番目の div を非表示にし、ホバーで 2 番目の div を表示して最初の div を非表示にしようとしています。申し訳ありませんが、私はjavascriptが得意ではない初心者です.誰かが私のためにこれを解決できますか? onmouseover や onmouseout など、適用方法がわからないため、そのコードの一部を省略したようです.
<!DOCTYPE html>
<html>
<body>
<div id="placeholder" onMouseOver="document.getElementById('blink').style.display = 'block';" onmouseout="document.getElementById('blink').style.display = 'none';">
<div id="show">
## Heading ##
</div>
<div id="blink">
<p> some text </p>
</div>
</div>
</html>
</body>
css
#placement{display:block;}
#show{display:block;}
.blink{
position:relative;
left:100px;
width:450px;
height:515px;
background:#000;
padding:15px;
color:white;
}
#blink:hover #blink{
display:block;
visibility:visible;
}
.hide_show{
position:absolute;
left:15px;
right:15px;
padding:0;
margin:0;
text-align:left;}