Question

关于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>

Answer 1

$('.nav li').mouseenter(function(){
    $('.con li').eq($(this).index()).show().siblings().hide()
})

这样就可以实现鼠标经过显隐效果了，文字位置需要你自己调整样式

追问

我想要的是左侧文字链接，右侧不跳转直接显示在右侧区域，有完整的代码吗？菜鸟一个

追答

就是这样的，右侧设置

.con li{
    display：none；
}
.con li：first-of-type {
    display： block；
}