根据点击的超链接显示/隐藏表格

我已经制作了3种不同的表格，每种表格都包含一个与其他表格中的类名相同的div。（所以它们重叠）根据点击的超链接显示/隐藏表格

我也做了一个链接部分有三个链接来选择哪个div/form应该显示，但我不能得到它的工作。

我已经尝试了很多东西，但最接近的我是点击一个链接，并显示少于一秒的股利。请帮忙。

我做了一个新的代码，相同的概念，但原来的代码可能太长，不能发布在这里。

<body> 
<div class="links"> 
<table> 
<tr><td><a href="" onclick="showdiv('first','second','third')" >first</a></td></tr> 
<tr><td><a href="" onclick="showdiv('second','first','third')" >second</a></td></tr> 
<tr><td><a href="" onclick="showdiv('third','second','first')" >Third</a></td></tr> 
</table> 
</div> 
<form name="first"> 
<div id="first" class="content"> 
------------- 
</div> 
</form> 
<form name"second"> 
<div id="second" class="content"> 
////////////// 
</div> 
</form> 
<form name="third"> 
<div id=third class="content"> 
++++++++++++++ 
</form> 
<script type="text/javascript"> 
function hide_all(){ 
    document.getElementById("first").style.display='none'; 
    document.getElementById("second").style.display = 'none'; 
    document.getElementById("third").style.display = 'none'; 
} 
hide_all() 
    function showdiv(a,b,c) { 
    document.getElementById(a).style.display='block'; 
    document.getElementById(b).style.display = 'none'; 
    document.getElementById(c).style.display = 'none';  
} 
</script> 
</body> 
</html>

正如你可能会看到进出口新的HTML和JavaScript :)

来源

2011-12-31 user1124586

你可以发布你”有没有试过？ – Wex 2011-12-31 18:20:38

请分享代码以便于理解。 :) – 2011-12-31 18:21:27

你试过：

document.getElementById("id").style.visibility="hidden"

来源

2011-12-31 18:21:56 jarCrack

起初我没有，但后来我用 document.getElementById（“id”）。style.display =“none”/“block” 但是然后我无法再次看到它。 – user1124586 2011-12-31 19:30:17

使其再次可见，只需使用visibility =“visible” – jarCrack 2012-01-01 22:59:21

#link是点击链接的ID和每个环节都有类的名字叫.links一旦链接链接，点击的链接将被隐藏并显示其他链接

$('#link').click(function(){ 
    $('.links').css('visibility', 'visible'); 
    $(this).css('visibility', 'hidden'); 
})

因为我不能看到你的代码假设这可能有帮助。

来源

2011-12-31 18:32:25

document.getElementById("id").style.visibility="show"

也可以再次显示。

来源

2014-01-12 10:55:51

不是传递所有三个ID的传递唯一元素的ID显示和显示元件之前隐藏的类的所有元素：

function showdiv(idToHide) { 
    var array = document.getElementsByClassName('content'); 
    for(var i = 0; i < array.length; i++) 
    { 
    array[i].style.display = 'none'; 
    } 
    document.getElementById(idToHide).style.display=''; 
}

，并称之为：

<table> 
<tr><td><a href="" onclick="showdiv('first')" >first</a></td></tr> 
<tr><td><a href="" onclick="showdiv('second')" >second</a></td></tr> 
<tr><td><a href="" onclick="showdiv('third')" >Third</a></td></tr> 
</table>

来源

2014-01-12 11:06:14

根据点击的超链接显示/隐藏表格

回答

相关问题