2015-05-09 44 views
0

我有一個帶有「手風琴」風格切換的Bootstrap表。它們始終爲白色#FFF爲背景顏色,但我希望這樣做,以便當它展開後,它會將背景顏色更改爲#DDD,以便點擊的表格行和隨後展開的內容行。我將如何實現這一目標?Bootstrap - 如何使擴展表切換改變backgorund顏色?

添加類是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/ 

非常感謝你的幫助!

回答

1

每個click event添加

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

。它將切換row-selected課程。

+0

工作,非常感謝你! – user1227914