显示先前隐藏的div时，格式化会丢失 [英] formatting lose when showing a previously hidden div

问题描述

因此，当您点击一个现有的div时，我的网页会显示一个新的div。这个隐藏的div与现有的可见div格式完全相同，但是当它出现时，所有格式都会丢失，我无法弄清楚原因。以下是代码：

 < div id =visibleclass =visibleDivonclick =expandItem（）> 
这里的东西
< / div> 
 
< div id =invisibleclass =hiddenDiv> 
这里的东西
< / div> 
  

以下是我的JavaScript：

<$ p $ （）函数expandItem（）{

if（document.getElementById（invisible）。style.display ==''）{
document.getElementById（不可见）。style.display ='block';


$ / code $ / pre
$ b $ p任何帮助都非常感谢！

解决方案

试试这个

 < div id = visibleclass =visibleDivonclick =expandItem（）> 
这里的东西
< / div> 
< div id =invisiblestyle =display：none;类= hiddenDiv > 
这里的东西
< / div> 
  

在javascript中进行更改

<$ p $ （document.getElementById（invisible）。style.display =='none'）{
document.getElementById（invisible）（）函数expandItem（）{
if .style.display ='block';

}

So my webpage shows a new div when you click on an existing div. This hidden div has exactly the same formatting as the existing visible div, but when it is made to appear, all of that formatting is lost and I can't quite work out why. Here's the code:

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

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

And here's my JavaScript:

function expandItem() {

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

}

Any help is greatly appreciated!

解决方案

Try This

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

And make change in javascript

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

}

这篇关于显示先前隐藏的div时，格式化会丢失的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！