javascript - 显示以前隐藏的 div 时格式丢失

Question

因此，当您单击现有 div 时，我的网页会显示一个新 div。这个隐藏的 div 与现有的可见 div 具有完全相同的格式，但是当它出现时，所有的格式都丢失了，我不知道为什么。这是代码：

<div id="visible" class="visibleDiv" onclick="expandItem()">
   Stuff here
</div>

<div id="invisible" class="hiddenDiv">
    Stuff here
</div>

这是我的 JavaScript：

function expandItem() {

if (document.getElementById("invisible").style.display == '') {
    document.getElementById("invisible").style.display = 'block';

}

任何帮助是极大的赞赏！

Answer 1

尝试这个

<div id="visible" class="visibleDiv" onclick="expandItem()">
    Stuff here
</div>
<div id="invisible" style="display:none;" class="hiddenDiv">
    Stuff here
</div>

并在javascript中进行更改

function expandItem() {
if (document.getElementById("invisible").style.display == 'none') {
    document.getElementById("invisible").style.display = 'block';

}

Answer 2

是的，这应该获取解决方案

function expandItem() {
if (document.getElementById("invisible").style.display == 'none' || document.getElementById("invisible").style.display == '') {
    document.getElementById("invisible").style.display = 'block';

}

这条线

document.getElementById("invisible").style.display == ''

是无关紧要的，要执行的主要代码是

document.getElementById("invisible").style.display == 'none'