javascript如何在一个页面切换两个表格

就象这样的,在一个页面里切换。求助。我是新手,代码最好易懂。

<!--简单来讲就是这种-->
<a href="javascript:;" rel="tab1" onclick="tabSwitch(this.rel, 'tab2')>邮箱注册</a>
<a href="javascript:;" rel="tab2" onclick="tabSwitch(this.rel, 'tab1')>手机注册</a>
<div id="tab1">邮箱注册内容</div>
<div id="tab2" style="display: none;">手机注册内容</div>
<script>
function tabSwitch(show, hide) {
    document.getElementById(show).style.display = 'block';
    document.getElementById(hide).style.display = 'none';
}
</script>

追问

不行呀,出不来。

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2018-04-26
这是一个简单的选项卡,用jquery方便,
$("#xxk1").click(function(){
$(this).attr("class","class1").siblings("div").attr("class","class2")
$("#table1").show();
$("#table2").hide();
})
$("#xxk2").click(function(){
$(this).attr("class","class1").siblings("div").attr("class","class2")
$("#table2").show();
$("#table1").hide();
})本回答被提问者和网友采纳
相似回答