Learning jquery soon, the whole tab effect.
<!DOCTYPE HTML><HTML> <Head> <MetaCharSet= "UTF-8"> <title>tab</title> <Linkrel= "stylesheet"href= "Css/reset.css"Media= "All"> <Linkrel= "stylesheet"href= "Css/style.css"Media= "All"> </Head> <Body> <Divclass= "Info"> <ulclass= "Info_tit clearfix tab_hd"> <binclass= "FL"><ahref= "javascript:;"class= "Block fl"Hidefocus= "None">Career attributes</a></Li> <binclass= "FL"><ahref= "javascript:;"class= "Block fl"Hidefocus= "None">Professional characteristics</a></Li> </ul> <Divclass= "info_cnt tab_bd"> <Divclass= "box Hide">111111</Div> <Divclass= "box Hide">222222</Div> </Div> </Div> </Body></HTML><Scripttype= "Text/javascript"src= "Js/jquery.min.js"></Script><Scripttype= "Text/javascript">$(function(){ //Tab Toggle $(function(){ functiontabs (Tabtit,on,tabcon) {$ (tabtit). Find ('a'). each (function(i) {$ (tabtit). Find ('a'). EQ (0). addclass (on); $( This). Click (function(){//mouse Click effect can be changed hover mouse slide effect $( This). addclass (ON). Parents ('Li'). Siblings (). Find ('a'). Removeclass (on);//mouse click, give current A to add cur class, sibling element Delete cur class$ (Tabcon). Children (). EQ (i). Show (). siblings (). Hide (); })}) $ (Tabcon). Children (). EQ (0). Show (); } tabs ('. TAB_HD','cur','. TAB_BD'); })}) </Script>