用jquery實現顯示隱藏層，和用jquery實現導航樣式
非常簡單的幾句代碼，免去了用JS寫一大串的垃圾代碼。
//下面是導航樣式的
$("a[title='nav']").click(function(){
for(i=0;i<$("a[title='nav']").size();i++)
{
if($(this).attr("id")!=$("a[title='nav']").eq(i).attr("id"))
$("a[title='nav']").eq(i).removeClass("hover");
else
$("a[title='nav']").eq(i).addClass("hover");
}
});
<a href="#" id="nav1" title="nav" class="hover" >nav1</a>
<a href="#" id="nav2" title="nav" >nav2</a>
<a href="#" id="nav3" title="nav" >nav3</a>
<a href="#" id="nav4" title="nav" >nav4</a>
//下面是收起和打開的樣式
$(".Thand").click(function(){ $(this).next().css("display",$(this).next().CSS("display")=="block" ? "none":"block");
});
<h2 class="Thand"><span>公司介紹</span><a href="#">open</a></h2>
<div class="infobox">
<dl>
<dt><img src="../images/index_bg1.gif" name="logo" id="logo" width="300"/></dt>
<dd>
公司介紹信息公司介紹信息公司介紹信息公司介紹信息公司介紹信息公司介紹信息公司介紹信息公司介紹信息公司介紹信息
公司介紹信息公司介紹信息公司介紹信息公司介紹信息公司介紹信息公司介紹信息公司介紹信息公司介紹信息公司介紹信息
公司介紹信息公司介紹信息公司介紹信息公司介紹信息公司介紹信息公司介紹信息公司介紹信息公司介紹信息公司介紹信息
公司介紹信息公司介紹信息公司介紹信息公司介紹信息公司介紹信息公司介紹信息公司介紹信息公司介紹信息公司介紹信息
公司介紹信息公司介紹信息公司介紹信息公司介紹信息公司介紹信息公司介紹信息公司介紹信息公司介紹信息公司介紹信息
</dd>
</dl>
</div>