這個單頁是怎麼實現的分塊顯示內容的
我把它的
<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>為什麼這樣不能跟他一樣的效果，
我這裡就打開的時候顯示了一下，然後點擊導航之後全部都不顯示了，哪裡沒寫對嗎
