скрывать один тег div скрывает другие

Question

Когда я скрываю «div1Title», другие 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" 

Answer 1

Закрытие тегов 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>