鼠标悬停在汉堡菜单上

Question

我需要添加什么代码，以便在悬停（.menu）时菜单不会回滚？

	$('.menuBurger').hover(function()
	{
		$('.menu').slideToggle(300);
 });

.menu {

width: 70px;
height: 60px;
background: #ccc;
display: none;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="menuBurger main_flex_column flex__align-items_end">
			   	<img src="img/list.svg" width="40px"> 
</div>
<ul class="menu">
           <li><a href="#">Home</a></li>
				   <li><a href="#">About</a></li>
				   <li><a href="#">Contacts</a></li>
</ul>

Answer 1

这没有动画，也许会对您有帮助

更新：从@jakewow添加提示（现在带有动画）

$(".menuBurger").mouseenter(function(){
    $(".menu").slideToggle(300);
});

$(".menu").mouseleave(function(){
    $(".menu").slideToggle(300);
});

.menu {

width: 70px;
height: 60px;
background: #ccc;
display: none
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="menuBurger main_flex_column flex__align-items_end">
			   	<img src="img/list.svg" width="40px"> 
</div>
<ul class="menu">
           <li><a href="#">Home</a></li>
				   <li><a href="#">About</a></li>
				   <li><a href="#">Contacts</a></li>
</ul>