<!DOCTYPE HTML><HTML> <Head> <MetaCharSet= "Utf-8"> <title></title> <styletype= "Text/css">Div{width:125px;Border:1px solid #369;Line-height:25px;Padding-left:10px; }Div.menu{Height:30px;Line-height:30px;font-size:14px;text-indent:10px;Font-weight:Bold;Color:#fff;Background-color:#369; } </style> <Scriptsrc= "Js/jq8.js"></Script> <Script> $(function(){ $('Div.menu'). Toggle (function(){ varID= This. ID; $('#'+ID+'+div'). Hide (); },function(){ varID= This. ID; $('#'+ID+'+div'). Show (); }); }); </Script> </Head> <Body> <DivID= "A1"class= "Menu">Administrator Management</Div> <Div>Add Administrator<BR/>Remove Administrator<BR/>with the new administrator<BR/>Query Administrator<BR/> </Div> <DivID= "A2"class= "Menu">Administrator Management</Div> <Div>Add Administrator<BR/>Remove Administrator<BR/>with the new administrator<BR/>Query Administrator<BR/> </Div> <DivID= ' A3 'class= "Menu">Administrator Management</Div> <Div>Add Administrator<BR/>Remove Administrator<BR/>with the new administrator<BR/>Query Administrator<BR/> </Div> <DivID= ' A4 'class= "Menu">Administrator Management</Div> <Div>Add Administrator<BR/>Remove Administrator<BR/>with the new administrator<BR/>Query Administrator<BR/> </Div> </Body></HTML>
Kill Thunder Dog jquery---35--DWZ left folding menu Implementation 1