2016-09-07 94 views
-2

当我隐藏“div1Title”时,其他div也隐藏。我能做些什么来解决这个问题吗?隐藏一个div标签隐藏其他

<div id="div1Title" style="visibility: visible;display:inline"> 
    <table class="htmlrtabledata" style="width:1000px"> 
    <TR> 
     <td style="width:20px"> 
     <img id="div1Plus" src="images/Plus.jpg" width="20px" height="20px" onclick="onClickSubReport('div1', event, this)"> 
     </td> 
     <td id="div1TitleText"></td> 
    </TR> 
    </table> 
    <div> 
    <div id="div2Title" style="visibility: visible;display:inline;"> 
     <table class="htmlrtabledata" style="width:1000px"> 
     <TR> 
      <td style="width:20px"> 
      <img id="div2Plus" src="images/Plus.jpg" width="20px" height="20px" onclick="onClickSubReport('div2', event, this)"> 
      </td> 
      <td id="div2TitleText"></td> 
     </TR> 
     </table> 
     <div> 

我的JS:

document.getElementById("div1Title").style.display = "none"; 
document.getElementById("div1Title").style.visibili‌​ty = "hidden" 
+5

你是怎么隐藏div的? –

+0

也加入您的JavaScript – Pugazh

+0

欢迎来到SO。请访问[帮助]了解如何以及要问什么。建议:发布工作量和代码。我们无法猜测为什么这会失败 – mplungjan

回答

7

关闭div标签应该工作。目前,您正巧嵌套第二个div。

<div id="div1Title" style="visibility: visible;display:inline"> 
    <table class="htmlrtabledata" style="width:1000px"> 
    <TR> 
     <td style="width:20px"> 
     <img id="div1Plus" src="images/Plus.jpg" width="20px" height="20px" onclick="onClickSubReport('div1', event, this)"> 
     </td> 
     <td id="div1TitleText"></td> 
    </TR> 
    </table> 
</div><!-- HERE --> 
<div id="div2Title" style="visibility: visible;display:inline;"> 
    <table class="htmlrtabledata" style="width:1000px"> 
    <TR> 
     <td style="width:20px"> 
     <img id="div2Plus" src="images/Plus.jpg" width="20px" height="20px" onclick="onClickSubReport('div2', event, this)"> 
     </td> 
     <td id="div2TitleText"></td> 
    </TR> 
    </table> 
</div> 
+0

它的工作。谢谢。 – Kumar