关于HTML鼠标经过显示内容的代码问题?
下面这段代码怎么修改，才能实现鼠标经过左侧“**1常见问题”或者经过“**2常见问题”时能对应显示出右侧的对应文字，且文字的位置在中间左右两侧。不会位置不对。
</script>
<section class="news_box">
<div class="clearFix">
<div class="pull-left left" style="">
<ul class="nav">
<li class=" "><a href="#">**1常见问题</a></li>
<li class=" "><a href="#">**2常见问题</a></li>
<li class=" "><a href="#">**3常见问题</a></li>
<li class=" "><a href="#">**4常见问题</a></li>
<li class=" "><a href="#">**5常见问题</a></li>
</ul>
</div>
<ul>
<div class="pull-right detail_list right">
<!--判断一下-->
<h3>关于产品</h3>
<ul class="con">
<li>
<h4>1．如何使用？</h4>
<span style="line-height:2;font-family:'Microsoft YaHei';font-size:14px;"> 购买本产品后注意查看说明书，按说明书操作，注意防水。</span><br />
<!--[if !supportLineBreakNewL <li>
最新回答
倾城之恋灬
2024-09-13 01:24:13
$('.nav li').mouseenter(function(){
$('.con li').eq($(this).index()).show().siblings().hide()
})
这样就可以实现鼠标经过显隐效果了，文字位置需要你自己调整样式
追问
我想要的是左侧文字链接，右侧不跳转直接显示在右侧区域，有完整的代码吗？菜鸟一个
追答
就是这样的，右侧设置
.con li{
display：none；
}
.con li：first-of-type {
display： block；
}
热门标签
