求jQuery动画特效、显示与隐藏BUG(闪烁)解决方法

js代码：

<script>
	$(document).ready(function(){
		$("#showAPP").mouseenter(function(){
			$("#mymodal_2").show();
  		});
	 	$("#1").mouseleave(function(){
			$("#mymodal_2").hide();
  		});
	});
</script>

具体程序代码段：

<div class="col-md-6" style="font-size: 20px;position:relative;top:15px" id="1">
						<ul class="nav navbar-nav">
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									课程 <b class="caret"></b>
								</a>
								<ul class="dropdown-menu" >
									<li><a class="#">JAVA</a></li>
									<li><a class="#">C#</a></li>
									<li><a class="#">Python</a></li>
								</ul>
							</li>
							<li><a herf="#">学校</a></li>
							<li><a herf="#">学校云</a></li>
							<li><a herf="#">慕课堂</a></li>
							<li id="showAPP"><a href="#" >下载APP</a></li>
						</ul>
					</div>

项目图片：

出现问题：鼠标移入触发事件二维码图片闪烁