Question

我制作了3种不同的表单，每个表单都包含一个与其他表单具有相同类名的div。（所以它们重叠）

我还制作了一个包含三个链接的链接部分，以选择应该显示哪个div /表单，但我无法使其工作。

我尝试了很多东西，但是我最接近的是单击链接并显示div不到一秒钟。请帮忙。

我制作了一个新代码，相同的概念，但原始代码可能太长了，无法在此发布。

<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的新内容：）

Answer 1

你试过了吗？

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

Answer 2

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

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

由于我无法看到您的代码认为这可能有所帮助。

Answer 3

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

也可以再次看到。

Answer 4

不是传递所有三个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>

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

4 个答案: