js模拟点击select，但是没有弹出下拉框。

我想要的就是这种有多个select，然后点击其中一个另外的select会隐藏，然后会弹出点击的select的下拉框。
比如点击第二个select，然后第一个select会隐藏，第二个select会跑到顶部。但是因为select的下拉框的出现的事件是在onmousedown里面的，所以会先出现下拉框然后其他select会隐藏。就是说在select和下拉框之间会有一段空隙。如果把隐藏select的语句放在addEventLisenter（‘mousedown’）其中，第一次是可以出现想要的结果的。但是之后几次却达不到要求。于是我就想能不能先设置一个preventDefault，取消下拉框出现的默认行为。然后在隐藏了其他select之后再模拟鼠标点击select，出现下拉框。但是也不成功。

（本人小白，刚刚入门，本来分低，求大哥们手下留情。）