Maison > Article > développement back-end > 关于jq显示隐藏的成效
关于jq显示隐藏的效果
按钮
内容
$('#mune_1').hover(function(){
$('.second_mune').show();
},function(){
$('.second_mune').hide();
})
我修改成这样,因为鼠标经过的a标签和要显示内容的span不在同一个div上,所以我鼠标指向a标签显示内容后,再移到span标签上还是会隐藏掉,怎样修改才能让鼠标移到a标签和span标签都能显示内容??
------解决方案--------------------
感觉加个容器比较好
<span><br /> <a class="mune_1">按钮</a><br /> <span class="second_mune" style="display:none">内容</span><br /></span><br />
$('.mune_1').hover(function(){<br /> $(this).parent().hover(function(){<br /> $('.second_mune').show();<br /> },function(){<br /> $('.second_mune').hide();<br /> })<br /> }) <br />