悬停时重新显示下拉列表

Question

我已经触发了我的下拉列表，一旦你鼠标移动就消失了，但是现在它被自动显示：none，如果你想选择一个新的选项，我需要它再次出现一次你重新出现。

这是关于我网站右上角的语言下拉菜单

实时网址：http://bit.ly/1kpGc2G

这就是我现在控制隐藏.menu

的方法

$('.menu').mouseleave(function() {
        $('.dropit-submenu').hide();
    });

我假设它只是另一个带有.show的鼠标但是作为显示：没有被触发它实际上不存在以便被触发回活动状态，所以有点不确定。

Answer 1

试试这个，

<强> SCRIPT

$('.menu').hover(function() {
    $('.dropit-submenu').show();
},function() {
    $('.dropit-submenu').hide();
});

仅使用 CSS

ul.dropit-submenu{display:none;}
ul.menu li.dropit-trigger:hover ul.dropit-submenu{display:block;}

Answer 2

<强> HTML

<div id="container">
<select>
    <option>1</option>
    <option>2</option>
    <option>2</option>
    <option>2</option>
</select>
</div>

<强>脚本

$("#container").hover(function(){
  $("select").show();
});
$("#container").mouseleave(function(){
   $("select").hide();
});

Demo