Jquery UI学习笔记（3）

3、折叠菜单:

<!-- 折叠菜单 -->

    <div id="accordion">

     <h1><a>Menu 1</a></h1>

     <div>Menu Contents 1</div>

     <h1><a>Menu 2</a></h1>

     <div>Menu Contents 21</div>

     <h1><a>Menu 3</a></h1>

     <div>Menu Contents 31</div>

     <h1><a>Menu 4</a></h1>

     <div>Menu Contents 41</div>

    </div>

$("#accordion").accordion({active:3,collapsible:true,animated:"easeInCubic",

     changestart:function(event,menus){

     menus.newContent.html("Loading...");

     },

     change:function(event,menus)

     {

     menus.newContent.html("HaHa");

     }

     });