js(jquery)鼠标移入移出事件时，出现闪烁、隐藏显示隐藏显示不停切换的情况

<script>
$(".guanzhu").hover(function(){
  $(".weixinTop").show();
  },function(){
  $(".weixinTop").hide();
  });
</script>

js代码如上：

js(jquery)鼠标移入移出事件时，出现闪烁、隐藏显示隐藏显示不停切换的情况

最终发现：

class="weixinTop" 的div，把class="guanzhu"所在的层遮住了，导致类似鼠标移出的效果，移出之后，weixinTop隐藏，又相当于移入guanzhu，weixinTop显示。如此反复。

 

解决方法：

把class="weixinTop" 的div位置调整一下