关于页面的下拉菜单问题

一个页面有很多下拉菜单，就只让打开一个，打开一个其余的就关闭，这个效果怎么做呀

这个一般都是鼠标触发事件，，鼠标放上去把菜单打开，鼠标移走把菜单关闭

统一关闭设置display为none，然后再设置要打开的菜单容器display为block

 document.getElementById('xx1').style.display=
document.getElementById('xx2').style.display=
//...more
document.getElementById('xxn').style.display='none'

document.getElementById('xxX.style.display='block'