Question

我有一个带有＆＃34;手风琴＆＃34;的Bootstrap表。样式切换。它们在背景颜色方面总是白色#FFF，但我想制作它，以便在展开时它会将背景颜色更改为#DDD表格行单击并然后展开的内容行。我将如何实现这一目标？

要添加的课程为row-selected和

<tr>
    <td class="">1</td>
    <td class="">2</td>
    <td class="">3</td>
    <td class=""><a href="#" class="icon_link toggle-00001" class="icon_link">Toggle</a></td>
</tr>

应该成为

<tr class="row-selected">
    <td class="">1</td>
    <td class="">2</td>
    <td class="">3</td>
    <td class=""><a href="#" class="icon_link toggle-00001" class="icon_link">Toggle</a></td>
</tr>

和

<td colspan="4">Content 1 here</td>

然后

<td colspan="4" class="row-selected">Content 1 here</td>

我在这里创建了一个jsFiddle：

http://jsfiddle.net/ae1Lxcc1/2/

非常感谢您的帮助！

Answer 1

添加

$(this).closest('tr').toggleClass("row-selected");
$(this).closest('tr').next('tr').toggleClass("row-selected");

每个click event上的

。它将切换row-selected类。

Bootstrap - 如何使扩展表切换更改backgorund-color？

1 个答案: