导航

 

<script language="JavaScript" type="text/javascript" src="../jquery/jquery.js"></script>

<script type="text/javascript">
$(document).ready(function(){
//页面载入时隐蔽除第一个元素外所有元素
$("#accordion > li > a + ul:not(:first)").hide();
//对所有元素的标题绑定点击动作
$("#accordion > li > a").click(function(){
$(this).parent().parent().each(function(){
//隐蔽所有元素
$("> li > a + ul",this).slideUp();
});
//展开当前点击的元素
$("+ ul",this).slideDown();
});
});
</script>
<ul id="accordion"> 
<li>
<a href="#">学 院 简 介</a>
<ul>
<li><a href="">学院概况</a></li>
<li><a href="">历史沿革</a></li>
<li><a href="">校训示意</a></li>
<li><a href="">现任领导</a></li>
<li><a href="">特色专业</a></li>
<li><a href="">校园漫步</a></li>
<li><a href="">学院宣传片</a></li>
</ul>
</li>
<li>
<a href="#">本 科 教 学</a>
<ul>
<li><a href="">专业介绍</a></li>
<li><a href="">精品课程</a></li>
<li><a href="">网络课堂</a></li>
<li><a href="">成绩查询</a></li>
<li><a href="">网上选课</a></li>
<li><a href="">教学研究</a></li>
<li><a href="">教育技术</a></li>
</ul>
</li>
<li>
<a href="#">科 学 研 究</a>
<ul>
<li><a href="">科技处</a></li>
<li><a href="">科研课题</a></li>
<li><a href="">学科建设</a></li>
<li><a href="">学 报</a></li>
<li><a href="">学术交流</a></li>
<li><a href="">学术评价</a></li>
<li><a href="">学位委员会</a></li>
</ul>
</li>
<li>
<a href="#">招 生 信 息</a>
<ul>
<li><a href="">本科招生</a></li>
<li><a href="">研究生招生</a></li>
<li><a href="">独立学院</a></li>
<li><a href="">成人教育招生</a></li>
<li><a href="">招生问答</a></li>
<li><a href="">招生处</a></li>
<li><a href="">招生计划</a></li>
</ul>
</li>
</ul>