当鼠标移入A区域时，显示下面的B区域，鼠标移出A时，B隐藏。但是当鼠标从A移入B时，B 区域一直显示 我遇到的问题是 当鼠标从A移入B时 B就隐藏了（也就是鼠标移出A的瞬间 触发了隐藏B的方法）
<div class="parent">
<li>a区域</li>
<div class="bb">bbbbb区域</div>
</div><style>
.bb{display:none;}
</style><script>
//引入jquery.js后
$(function(){
$(".parent").hover(
function(){
$(".bb").show();
},
functin(){
$(".bb").hide();
}
);
})
</script>
<li>a区域</li>
<div class="bb">bbbbb区域</div>
</div><style>
.bb{display:none;}
</style><script>
//引入jquery.js后
$(function(){
$(".parent").hover(
function(){
$(".bb").show();
},
functin(){
$(".bb").hide();
}
);
})
</script>
温馨提示：答案为网友推荐，仅供参考
