asp.net - asp.netですべての部門を一番上に表示するように設定する方法

Question

これは、すべての div タグを非表示にし、Java スクリプトを使用して表示し、表示する私の Web ページ コードです。divタグを表示しているときにスペースがあり、上部に目に見えるdivを表示したい。

<div>
    <asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="false" onclick="getIndex(this)">
    <asp:ListItem Text="one" Value="one"></asp:ListItem>
    <asp:ListItem Text="two" Value="two"></asp:ListItem>
    <asp:ListItem Text="three" Value="three"></asp:ListItem>
    </asp:RadioButtonList>
    </div>
    <div id="divone" style="display:none" >
    <iframe id="ifone" src="one.aspx" ></iframe>
        </div>  
    <div id="divtwo" style="display:none" >
    <iframe id="iftwo" src="two.aspx" runat="server"></iframe>
    </div>
    <div id="divthree" style="display:none" >
    <iframe id="ifthree" src="three.aspx" runat="server"></iframe>
    </div>

Javaスクリプトを次のように使用しています

  <script type="text/javascript">
     function getIndex(r) {
         var rbs = r.getElementsByTagName("INPUT");
         for (var i = 0; i < rbs.length; i++) {
             if (rbs[i].checked) {
                 var value = rbs[i].value;
                 debugger;
                 if (value == "one") {
                     hide();
                     document.getElementById('divone').style.display = "block";
                 }
                 if (value == "two") {
                     hide();
                     document.getElementById('divtwo').style.display = "block";
                 }
                 if (value == "three") {
                     hide();
                     document.getElementById('divthree').style.display = "block";
                 }
             }
         }
     }
     function hide() {
         document.getElementById('divone').style.display = "none";
         document.getElementById('divtwo').style.display = "none";
         document.getElementById('divthree').style.display = "none";
     }

</script>

最後に修正版を配置しました。それは今働いています