javascript - 我正在尝试安排我的 html/css/jquery，这样我就可以通过双击它来切换 div 的可见性

Question

我正在尝试安排我的 html/css/jquery，这样我就可以切换 a 的可见性 div 双击它。我可以通过双击将其隐藏但是当我 再次双击它不会重新出现。 当我查看所有的 div 轮廓时， 这个 div 的轮廓不再存在。我使用网络开发人员插件来检查。 我正在使用以下代码来尝试完成此操作:

我的 css 类 是..

  .hidden { visibility: hidden; }
    .unhidden { visibility: visible; }

html 是...

<div id="ConstructionDiv" ondblclick="unhide('ConstructionDiv')" class="unhidden">
                    <!.. the div is unhidden at page load. When I look at generated
                    source code after the double click the class is "hidden" 
                     -->
            </div>

我的 javascript 是...

function unhide(divID) {
 var item = document.getElementById(divID);
 if (item) {
 item.className=(item.className=='hidden')?'unhidden':'hidden';
 }
 }

是否有可能做我正在尝试的事情？必须有一些有用的东西。 谢谢。

Answer 1

我刚试过这个，不可见的元素是收不到点击事件的。

正如安迪所说，Opacity 0 可以很好地接收点击事件，内容仍然是不可见的。