呈现出以前隐藏的div格式时丢失(formatting lose when showing a pr

所以，我的网页上显示，当你点击一个现有的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 == ''

是irrelavent，要执行的主要代码

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

文章来源: formatting lose when showing a previously hidden div