javascript - Jquery下拉菜单使用toggle和hover()问题

Question

所以我尝试使用 .hover() 和 .toggle() 创建一个下拉菜单。虽然已设法在用户滑过链接时显示菜单，但当用户离开链接以从菜单中选择项目时，菜单就会消失。即使用户尚未将鼠标悬停在链接上，是否有一种方法或技术可以保持菜单切换？

这是 JS:

<script type="text/javascript">
$(document).ready(function() {
$("#menu_link").hover(function () {
$("#the_menu").toggle();
});
});
</script>

Answer 1

将菜单元素放在链接内。