asp.net - リピーター行拡張 - Java スクリプト

Question

私のリピーター コントロールでは、アイテム テンプレートの div が折りたたまれて展開されています。

前もって感謝します

    <script language="JavaScript">
    function ToggleDisplay(id) {
        var elem = document.getElementById('d' + id);
        if (elem) {
            if (elem.style.display != 'block') {
                elem.style.display = 'block';
                elem.style.visibility = 'visible';
            }
            else {
                elem.style.display = 'none';
                elem.style.visibility = 'hidden';
            }
        }
    }
</script>

<style>
    .header { font-size: larger; font-weight: bold; cursor: hand; cursor:pointer;
           background-color:#cccccc; font-family: Verdana; }
    .details { display:none; visibility:hidden; background-color:#eeeeee; 
           font-family: Verdana; }
</style>

<asp:Repeater id="rptFAQs" runat="server" DataSourceID="SqlDataSource1">
   <ItemTemplate>
     <div id='h<%# DataBinder.Eval(Container, "ItemIndex") %>' class="header"
          onclick='ToggleDisplay(<%# DataBinder.Eval(Container, "ItemIndex") %>);'>
       <%# DataBinder.Eval(Container.DataItem, "LicenseName")%>
     </div>

     <div id='d<%# DataBinder.Eval(Container, "ItemIndex") %>' class="details">
       <b>Submitted By:</b> <%# DataBinder.Eval(Container.DataItem, "Version")%><br />
       <b>Views:</b> <%# DataBinder.Eval(Container.DataItem, "LicenseID", "{0:d}")%><br />
       <b>FAQ:</b><br />
       <%# DataBinder.Eval(Container.DataItem, "StartDate")%>
     </div>
   </ItemTemplate>