效果

<script type="text/javascript" src="http://img.17k.com/js/jquery-latest.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#putUp ol:last").slideDown("normal");
$("#putUp h4").click(function(){
  $("#putUp ol").slideUp("normal");
  $(this).next("ol").slideDown("normal");
 }
);

});
</script>

 

 

<div id="jjaoxi">
 <div id="putUp">
      <div class="item">
        <h4 class="wenzui">集团介绍 <span class="vdr">INTRODUCTION</span></h4>
        <ol>
            <li><a href="#">集团简介</a></li>
            <li><a href="#">董事长致辞</a></li>
   <li><a href="#">组织构架</a></li>
   <li><a href="#">公司大事记</a></li>
        </ol>
      </div>
      <div class="item">
        <h4 class="wenzui">新闻播报 <span class="vdr">NEWS BROADCAST</span></h4>
        <ol>
            <li><a href="#">公司动态</a></li>
            <li><a href="#">市场聚焦</a></li>
   <li><a href="#">新闻热点</a></li>
       </ol>
      </div>
      <div class="item">
        <h4 class="wenzui">文化理念 <span class="vdr">CULTURE CONCPT</span></h4>
        <ol>
            <li><a href="#">企业精神</a></li>
            <li><a href="#">服务理念</a></li>
   <li><a href="#">服务宗旨</a></li>
        </ol>
        <div class="item">
        <h4 class="wenzui">人力资源 <span class="vdr">HUMAN RESOURCE</span></h4>
        <ol>
            <li><a href="#">人才战略</a></li>
            <li><a href="#">员工风采</a></li>
   <li><a href="#">招聘信息</a></li>
   <li><a href="#">人才储备</a></li>
        </ol>
      </div>
      <div class="item">
        <h4 class="wenzui">产品中心 <span class="vdr">PRODCUCTS CENTER</span></h4>
        <ol>
            <li><a href="#">产品目录</a></li>
            <li><a href="#">网上商城</a></li>
   <li><a href="#">服务热线</a></li>
        </ol>
      </div>
   </div>
 </div>
 </div>