根據點擊的超鏈接顯示/隱藏表格

我已經制作了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

根據點擊的超鏈接顯示/隱藏表格

回答

相關問題