简单折叠菜单,一行jquery 搞定

<script src="jscript/jquery-1.3.min.js" type="text/javascript" language="javascript"></script>

<style type="text/css">

     .divMenu .divHeard{width:300px;}
     .divli{display:none;}     


</style>


      <div class="divMenu">
         <div class="divHeard">AAAAAAAAAAAAAAAAAAAAAAA</div>        
         <div class="divli">aa</div>
         <div class="divli">aaa</div>
         <div class="divli">aaaa</div> 
      </div>
     
      <div class="divMenu">
         <div class="divHeard">BBBBBBBBBBBBBBBBBB</div>        
         <div class="divli">bb</div>
         <div class="divli">bbb</div>
         <div class="divli">bbbb</div> 
      </div>
    

posted @ 2011-06-16 23:45  cherry0917  阅读(190)  评论(0编辑  收藏  举报