javascript - 「onmouseover」で簡単なドロップダウンを作成する

Question

こんにちは、要素の上にマウスを置いたときに小さなボックスをドロップダウンさせ、マウスを離すとボックスが消えるようにしたいだけです。どこが間違っていますか？

私のHTML：

 <div onmouseover = 'mouseOverToggle()' onmouseout = '//function' id = 'new' class = 'child new'> New
     <div  id ='newDropDown' class="new dropdown"><a href=""></a></div> 
 </div>

Javascript:

var newDropdown = document.getElementById('new');
var dropDownContent = document.getElementById('newDropDown');

dropDownContent.style.display = 'none'

newDropdown.addEventListener('mouseover', mouseOverToggle);

function mouseOverToggle() {
   dropDownContent.style.display === 'none' ? 'show' : 'none' 
}