在跨越3列的单元格上使用slideToggle
|
我试图创建一个表，但是当用户单击其中的一行时，一个块将沿表的相同长度向下滑动。我尝试使用div，但我想除非在单元格内部，否则表中的任何地方都不能有div。这是我当前的代码：
<table class=\"table-carrier\">
<thead>
<tr>
<th>
<%= Html.Encode(SFSys.Inst.I18n.GetText(\"Name\")) %>
</th>
<th>
<%= Html.Encode(SFSys.Inst.I18n.GetText(\"Value\")) %>
</th>
<th><!-- Data to be added later --></th>
</tr>
</thead>
<% foreach (var Carrier in ViewData.Model.Carriers) { %>
<tbody>
<tr>
<td class=\"carrier-row\" onclick=\"$(this)
.closest(\'tbody\')
.next(\'.section\')
.slideToggle(\'fast\');\">
<%= Html.Encode(Carrier.Name) %>
</td>
<td>
<%= Html.Encode(Carrier.Value) %>
</td>
<td>
<%using(Html.BeginForm(\"Action\", \"Form\")) {%>
<input type=\"hidden\" name=\"FormKey\" id=\"FormKey\" value=\"<%= this.Request.Url.Query %>\" />
<input type=\"submit\" name=\"action\" value=\"<%= Html.Encode(SFSys.Inst.I18n.GetText(\"Change\")) %>\" onclick=\'scriptForward = true\' />
<%}%>
</td>
</tr>
</tbody>
<tbody class=\"section\">
<tr>
<td colspan=\"3\">
<div >
<table>
<tr>
<td>left 1</td>
<td>right 1</td>
</tr>
<tr>
<td>left 2</td>
<td>right 2</td>
</tr>
</table>
</div>
</td>
</tr>
</tbody>
<% } %>
</table>
没有找到相关结果
已邀请:
1 个回复
玩翁文醚碱