javascript - onmouseenter で select が消える

Question

メニューバーを作りたい。マウスをメニューの上に置くと、div が表示されます。

<li class="elementoMenu  jmenu" tipomenu="jmcerca">
   <div class="tleft"></div>
      <div class="tabs">
         <div class="inner">
            FIND
         </div>
      </div>
   <!-- DIV THATH WILL BE APPAIRS IS MOVED HERE-->
   <div class="tright"></div>
</li>

表示される DIV は、.appendTo jQuery 関数を介してコメントの代わりに移動されます。

これは表示される div です。

<div id="jmcerca" class="jmenuOpen" style="width:600px;height:500px">
   TITLE
   <select class="jmenu noProp">
   <option>1M</option>
   <option>3M</option>
   <option>5M</option>
   </select>
   FIND <input> </input>
   <button>GO</button>
</div>

私はこの方法でイベントをバインドしました:

$(document).ready(function(){
   $('li.jmenu').mouseenter(jMenu.showMenu);
   $('li.jmenu').mouseleave(jMenu.leaveTabs);
        });

showMenu と leaveTabs は、div を表示または非表示にする関数です。

正常に動作しますが、クリックすると選択のオプションを選択して消えます。

助言がありますか？

ありがとう