[解決済み] <div style display="none" > がテーブルの中で機能しない。

質問

javascriptを使って、ラベルとテキストボックスを持つdiv要素の表示を切り替えようとしています。 以下はそのコードです。

<table id="authenticationSetting" style="display: none">
<div id="authenticationOuterIdentityBlock" style="display: none;">
                <tr>

                    <td class="orionSummaryHeader"><orion:message key="policy.wifi.enterprise.authentication.outeridentitity"/>: </td>
                    <td class="orionSummaryColumn">
                        <orion:textbox id="authenticationOuterIdentity" size="30"/>
                    </td>

                </tr>
                </div>

            </table>

しかし、ページをロードすると、div 要素はまだ表示され、table 要素の表示切り替えは正常に動作しています。 table要素のスタイルがdiv要素のスタイルを上書きしている可能性があります。 追伸：divの中にある要素を隠すことはできますが、divそのものを隠すことはできません。

どうすればいいですか？

を変更するだけです。 <div> を <tbody>

<table id="authenticationSetting" style="display: none">
  <tbody id="authenticationOuterIdentityBlock" style="display: none;">
    <tr>
      <td class="orionSummaryHeader">
        <orion:message key="policy.wifi.enterprise.authentication.outeridentitity" />:</td>
      <td class="orionSummaryColumn">
        <orion:textbox id="authenticationOuterIdentity" size="30" />
      </td>
    </tr>
  </tbody>
</table>