2016-12-06 42 views
-1

我需要帮助合拢从用户控件(.ascx)动态创建的表格行。这应该在页面加载时折叠,并且应该在点击时展开。如何折叠页面上的行(tr)通过java脚本在ASP.net中加载

<tr class="DocModuleTitleBg"> 
<td> 
<asp:Label ID="lblMdTitle" runat="server" CssClass="DocModuleTitle"</asp:Label></td> 
<td> 
<telerik:RadMenu Style="float: right" ID="EditMenu" runat="server" Skin="Transparent"> 
</telerik:RadMenu> 
</td> 
</tr><tr class="DocModuleTitleBg"> 
<td> 
<asp:Label ID="lblMdTitle" runat="server" CssClass="DocModuleTitle"</asp:Label></td> 
<td> 
<telerik:RadMenu Style="float: right" ID="EditMenu" runat="server" Skin="Transparent"> 
</telerik:RadMenu> 
</td> 
</tr> 
+0

如何点击某个已折叠的内容?此外,看到你的代码和你试图达到这个目标将会使你免于大量downvotes –

+0

其实,我是新手,这是一个模块,它是通过行的帮助动态创建的。在页面加载时,所有模块都被展开。但我希望这是在页面加载和点击想要崩溃一个接一个 – Avinash

+0

我想要这样的[链接](http://www.newschool.edu/ajax/CollapsiblePanel/CollapsiblePanel.aspx) – Avinash

回答

0

我相信你正在寻找的东西沿着以下几行。这绝不是什么好事,但发布更多的初始代码可以帮助答复者建立在你已有的东西上,而不必从头开始编写它。

$('#lblMdTitle').on('click', function(){ 
 
    $('#EditMenu').slideToggle(); 
 
});
#EditMenu{ 
 
    display: none; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
 
<tr class="DocModuleTitleBg"> 
 
    <td> 
 
    <Label ID="lblMdTitle" runat="server" CssClass="DocModuleTitle">Title</Label> 
 
    </td> 
 
    <td> 
 
    <div ID="EditMenu" runat="server" Skin="Transparent"> 
 
     Content 
 
    </div> 
 
    </td> 
 
</tr>

0

link如果您使用的引导可能对你有所帮助。

请通过它。

相关问题