<script src= "Js/jquery-1.7.2.min.js" type= "Text/javascript" charset= "Utf-8" ></script>
<script type= "Text/javascript" >
$ (document). Ready (function () {
Jquery.jqtab = function (A, b) {
$ (b). Hide ();
$ (A + "li:frist"). AddClass ("cur"). Show ();
$ (b + ": Frist"). Show;
$ (A + "Li"). Click (function () {
$ (this). AddClass ("cur");
$ (A + "Li"). Removeclass ("cur");
$ (b). Hide ();
var activetab=$ (this). Find ("a"). attr ("tab");
$ ("#" +activetab). Show ();
return false;
})
}
$.jqtab ("#tabs", ". Tab_con");
})
</script>
HTML section
<div>
<ul id= "Tabs" class= "tabs" >
<li><a tab= "Tab1" >1</a></li>
<li><a tab= "Tab1" >2</a></li>
<li><a tab= "Tab1" >3</a></li>
</ul>
<ol>
<li class= "Tab_con" id= "Tab1" >1</li>
<li class= "Tab_con" id= "TAB2" >2</li>
<li class= "Tab_con" id= "Tab3" >3</li>
</ol>
</div>
Styles section
. cur{background: #000; color: #fff;}
TAB TAB/Toggle