Jquery 将鼠标悬停在上方时重新显示下拉列表

我已经触发了我的下拉列表在你鼠标离开后消失，但现在它被显示为：无自动，如果你想选择一个新的选项，我需要它在你再次悬停时重新出现

这是关于我的网站右上角的语言下拉列表

实时网址：

这就是我现在掌握的控制隐藏.menu的方法

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

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

Html

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

试试这个

脚本

$('.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;}

---

谢谢，jQuery成功了。虽然CSS可以用于悬停，但一旦我离开，它就不会消失。虽然现在已经整理好了，但是谢谢。在做了两次回复后，被标记为离题，两次都很好。永远无法取悦堆栈溢出上的每个人。

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