Bootstrap - 如何使扩展表切换改变backgorund颜色？

Question

我有一个带有“手风琴”风格切换的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

每个click event添加

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

。它将切换row-selected课程。