0

一直在解决同样的问题，现在正在尝试使用可见性使用不同的解决方案：隐藏；可见性：可见；. 我遇到的问题不是让某些东西可见或隐藏，而是将两个元素结合起来相互发挥。例如，这是我所拥有的：

<div id="external"></div>

<div>
<img src="../../images/labortab.png" style="float:left; width:38px; height:125px;" id="labor" onmousedown="document.external.visibility='false';document.external.visibility='true';"/>
<img src="../../images/odctab.png" style="float:left; width:38px; height:125px;" id="odc" onmousedown="document.external.visibility='true';document.external.visibility='false';"/> 
</div>

当我单击第一个图像或按钮时，我希望外部 div 从其当前的可见状态切换为关闭，并将该 div 替换为已在隐藏的 div 中的另一个元素，将此元素切换为 true 并将其保持在那里。

然后我希望第二个图像或按钮执行完全相反的操作，将第一个元素的状态从关闭切换到可见，然后关闭第二个元素。我不擅长编写 JavaScript 代码，并且在线阅读一些解决方案对我来说是希腊语。因此，如果有人理解我正在尝试做的事情，将不胜感激。

4

2 回答 2

0

看起来您正试图根据单击事件将 div 的可见性切换到其中一个图像。尝试改用事件onclick，并正确引用 div 的 DOM 属性：

document.getElementById('external').style.visibility='hidden';

这是一个例子。

于 2013-07-17T19:27:50.377 回答
0

您最好使用style.display='hidden'而不是使用可见性属性。看起来像这样：

document.getElementById('id').style.display = 'hidden'

隐藏

和

document.getElementById('id').style.display = 'block'
    //or inline or inline-block as needed

再次展示。

于 2013-07-17T19:31:31.883 回答