2012-11-02 32 views
0

因此,当您单击现有div时,我的网页将显示新的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'; 

} 

任何帮助,不胜感激!

+0

你是什么意思它具有相同的“格式化”? CSS?你有没有尝试将'display'改为'inline',而不是'block'? –

回答

3

尝试这个

<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'; 

} 
0

呀,这应取解

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'