Jquery instance -- Implementation of tabs

Tab, not much to mention, do not do network know, I learned late, now send a tab to makeCode

The result is as follows:

Source code :

 <!  Doctaype HTML public "-// W3C // dtd xhtml 1.0 transitional // en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"  > 
 <  Html  Xmlns  = "Http://www.w3.org/1999/xhtml"  > 
 <  Head  > 
 <  Meta  HTTP-equiv  = "Content-Type"  Content  = "Text/html; charsets = UTF-8"   /> 
 <  Title  > </  Title  > 
 <  Meta  Name  = "Keywords" Content  = "Keywords"   /> 
 <  Meta  Name  = "Description"  Content  = "Description"   /> 
 </  Head  > 
 <  Script  Type = "Text/JavaScript"  SRC  = "Jquery-1.4.2.min.js"  > </  Script  > 
 <  Style  Type  = "Text/CSS"  >  
Body  {  Font-size :  13px  }  
Ul, Li  {  Margin  :  0  ;  Padding  :  0 ;  List-style  :  None  }  
# Menu Li  {  Text-align  :  Center  ;  Float :  Left  ;  Padding  :  5px  ;  Margin-Right  :  2px  ;  Width :  50px  ;  Cursor  :  Pointer  }  
# Menu Li. tabfocus  {  Width  :  50px ;  Font-weight  :  Bold  ;  Background-color  :  # F3f2e7  ;  Border  :  Solid 1px #666 ;  Border-bottom  :  0  ;  Z-Index  :  100  ;  Position  :  Relative }  
# Content  {  Width  :  260px  ;  Height  :  80px  ;  Padding :  10px  ;  Background-color  :  # F3f2e7  ;  Clear  :  Left  ;  Border :  Solid 1px #666  ;  Position  :  Relative  ;  Top  :  -1px  }  
# Content Li {  Display  :  None  }  
# Content Li. confocus  {  Display  :  Block  }  
 </  Style  > 
 <  Body  > 
 <  Script  Type  = "Text/JavaScript"  >  
$ (  Function  (){
$ ( '  # Menu Li  '  ). Each (  Function  (Index ){
$ (  This  ). Click (  Function  (){
$ (  ' # Menu Li. tabfocus  '  ). Removeclass (  '  Tabfocus  '  );
$ (  This  ). Addclass (  '  Tabfocus '  );
$ (  '  # Content Li: eq (  '  +  Index  +  '  )  ' ). Show (). siblings (). Hide ();
})
});
});
  </  Script  > 
 <  Ul  ID  = "Menu"  > 
 <  Li  Class  = "Tabfocus"  > Home </ Li  > 
 <  Li  > Electric Appliance </  Li  > 
 <  Li  > Used </  Li  > 
 </  Ul > 
 <  Ul  ID  = "Content"  > 
 <  Li  Class  = "Confocus"  > This is home content. </  Li  > 
 <  Li > This is the content of an electric appliance. </  Li  > 
 <  Li  > This is home content. </  Li  > 
 </  Ul  > 
 </  Body  > 
</  Html  >