Question

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

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





Answer 1

<!--简单来讲就是这种-->
<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>

追问

不行呀，出不来。

Answer 2

这是一个简单的选项卡，用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();
})