<!DOCTYPE HTML Public "-//W3C//DTD XHTML 1.0 transitional//en" "http://www.w3.org/TR/xhtml1/DTD/ Xhtml1-transitional.dtd "><HTMLxmlns= "http://www.w3.org/1999/xhtml"><Head> <title>jquery Easy UI Learning--accordion</title> <Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8" /> <Linkhref= "Css/default.css"rel= "stylesheet"type= "Text/css" /> <Linkrel= "stylesheet"type= "Text/css"href= "Js/themes/default/easyui.css" /> <Linkrel= "stylesheet"type= "Text/css"href= "Js/themes/icon.css" /> <Scripttype= "Text/javascript"src= "Js/jquery-1.4.2.min.js"></Script> <Scripttype= "Text/javascript"src= "Js/jquery.easyui.pack.js"></Script> <Scripttype= "Text/javascript"> $( function () { $('#myaccrdion'). accordion (); } ); </Script></Head><Body> <Divstyle= "width:200px; height:300px; overflow:hidden;"ID= "Myaccrdion"Border= "true"Fit= "Falase"class= "Easyui-accordion"> <Divtitle= "Control uses"icon= "Icon-sys"> <ul> <Li> <Divclass= "Selected"> <ahref= "Http://hxling.cnblogs.com"Target= "MainFrame"><spanclass= "Icon-nav icon"></span>Menu Management</a></Div> </Li> <Li> <Divclass=""> <ahref= "demo.html"Target= "MainFrame"><spanclass= "Icon-add icon"></span>Add user</a></Div> </Li> <Li> <Divclass=""> <ahref= "demo2.html"Target= "MainFrame"><spanclass= "icon-users icon"></span>User Management</a></Div> </Li> <Li> <Divclass=""> <ahref= "demo2.html"Target= "MainFrame"><spanclass= "Icon-role icon"></span>Role management</a></Div> </Li> <Li> <Divclass=""> <ahref= "demo.html"Target= "MainFrame"><spanclass= "Icon-set icon"></span>Permission settings</a></Div> </Li> <Li> <Divclass=""> <ahref= "demo.html"Target= "MainFrame"><spanclass= "Icon-log icon"></span>System log</a></Div> </Li> </ul> </Div> <Divtitle= "Employee Management"icon= "Icon-sys">Employee Management</Div> <Divtitle= "Department management"icon= "Icon-sys">Department Management</Div> <Divtitle= "Quality Management"icon= "Icon-sys">Quality Management</Div> </Div>This control is somewhat similar to the menu control, and you need to specify class= "Easyui-accordion". Also, let's take a look at the Fit property,<BR/>If you specify true for the Fit property, its size will be adapted to its parent container. What's the rest of it? If you feel yourself<BR/>there are still questions to check in the official documentation. </Body></HTML>Welcome to my wardrobe "
Use of jquery easyui,accordion (ii)