Asp.net 中继器行扩展java脚本

在我的repeater控件中，项模板中的div正在折叠和展开。但是如果第一行展开，并且单击第二行（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>

功能切换显示（id）{
var elem=document.getElementById（'d'+id）；
if（elem）{
if（elem.style.display！=“块”）{
elem.style.display='block'；
elem.style.visibility='visible'；
}
否则{
elem.style.display='none'；
elem.style.visibility='hidden'；
}
}
}
.header{font size:较大；font-weight:粗体；光标：手；光标：指针；
背景色：#CCCC；字体系列：Verdana；}
.details{显示：无；可见性：隐藏；背景色：#eeeeee；
字体系列：Verdana；}
提交人：

视图：

常见问题解答：

---

如果您可以为所有div提供一个css类，那么您可以执行以下操作

这里我假设您将

testclass

css类提供给所有div

function ToggleDisplay(id) 
{
    $('.testclass').each(function() 
    {
        $(this).style.display = 'block';
    });
    var elem = document.getElementById('d' + id);
    elem.style.visibility = 'visible';
}

---

单击“我想更改所选分区的颜色”，然后单击“将其更改回旧颜色”