Twitter bootstrap 引导-可折叠表-一次只需扩展一行
我创建了一个引导折叠表示例。以下是对这个问题的评论 但在这里,它可以一次扩展多行 但是我一次只需要一行就可以展开,而要展开另一行,前一个展开的行将自动折叠 可能吗 我的代码:Twitter bootstrap 引导-可折叠表-一次只需扩展一行,twitter-bootstrap,twitter-bootstrap-3,html-table,Twitter Bootstrap,Twitter Bootstrap 3,Html Table,我创建了一个引导折叠表示例。以下是对这个问题的评论 但在这里,它可以一次扩展多行 但是我一次只需要一行就可以展开,而要展开另一行,前一个展开的行将自动折叠 可能吗 我的代码: <table class="table table-condensed" style="border-collapse:collapse;"> <thead> <tr> <th>#</th>
<table class="table table-condensed" style="border-collapse:collapse;">
<thead>
<tr>
<th>#</th>
<th>Date</th>
<th>Description</th>
<th>Credit</th>
<th>Debit</th>
<th>Balance</th>
</tr>
</thead>
<tbody>
<tr data-toggle="collapse" data-target="#demo1" class="accordion-toggle">
<td>1</td>
<td>05 May 2013</td>
<td>Credit Account</td>
<td class="text-success">$150.00</td>
<td class="text-error"></td>
<td class="text-success">$150.00</td>
</tr>
<tr >
<td colspan="6" class="hiddenRow"><div class="accordian-body collapse" id="demo1"> Demo1 </div> </td>
</tr>
<tr data-toggle="collapse" data-target="#demo2" class="accordion-toggle">
<td>2</td>
<td>05 May 2013</td>
<td>Credit Account</td>
<td class="text-success">$11.00</td>
<td class="text-error"></td>
<td class="text-success">$161.00</td>
</tr>
<tr>
<td colspan="6" class="hiddenRow"><div id="demo2" class="accordian-body collapse">Demo2</div></td>
</tr>
<tr data-toggle="collapse" data-target="#demo3" class="accordion-toggle">
<td>3</td>
<td>05 May 2013</td>
<td>Credit Account</td>
<td class="text-success">$500.00</td>
<td class="text-error"></td>
<td class="text-success">$661.00</td>
</tr>
<tr>
<td colspan="6" class="hiddenRow"><div id="demo3" class="accordian-body collapse">Demo3</div></td>
</tr>
</tbody>
</table>
#
日期
描述
信用
借记
平衡
1.
2013年5月5日
信用账户
$150.00
$150.00
演示1
2.
2013年5月5日
信用账户
$11.00
$161.00
演示2
3.
2013年5月5日
信用账户
$500.00
$661.00
演示3
可以通过javascript,试试看
$('.accordian-body').on('show.bs.collapse', function () {
$(this).closest("table")
.find(".collapse.in")
.not(this)
.collapse('toggle')
})
这是链接
http://jsfiddle.net/whytheday/2Dj7Y/11/
它的拼写是“accordion”,而不是“accordian”[sic]。