这个单页是怎么实现的分块显示内容的
我把它的
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>
<script>
$(function(){
$("#nav a").click(function(){
href = $(this).attr('href');
if (href.slice(0, 1)=='#') {
type = href.slice(1);
$(".content").fadeOut(350);
$("#content-" + type).fadeIn(350);
}
});
});
</script>
<style>
.content {
padding-left: 20px;
display: none;
position: absolute;
top: 0;
left: 0;
}
</style>这两块拿了下来，
然后我的设置是这样设置的
导航
<p id="nav" style="margin-bottom:20px">
<a href="#product-jichu" class="summary current">基本信息</a>
<a href="#product-canshu" class="desc">详情</a>
<a href="#product-pinglun" class="review">评价</a>
</p>内容
<p class="content" id="content-product-info" style="display:block;">
测试页面1
</p>
<p class="content" id="content-product-canshu">
测试页面2
</p>
<p class="content" id="content-product-pinglun">
测试页面3
</p>为什么这样不能跟他一样的效果，
我这里就打开的时候显示了一下，然后点击导航之后全部都不显示了，哪里没写对吗
