1つの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：タグが動作するはずのdivを閉じる

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

Answer 1

。現在、偶然に2番目の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>