tab插件封装

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>