JS
function set(name, cursel, n){
for( i = 1; i <= n; i++ ){
var menu = document.getElementById(name);
var con = document.getElementById(name + "_" + i);
menu.className = i == cursel ? "hover" : "";
con.style.display = i == cursel ? "block" : "none";
}
}
html
<!--tab-->
<p id="011" onClick="set('tab01', 1, 2)">tab1</p>
<p id="012" onClick="set('tab01', 2, 2)">tab2</p>
<!--tab content-->
<div id="tab01_1">111</div>
<div id="tab01_2">222</div>