Javascript 通过按钮展开和折叠行

是否可以通过按钮展开和折叠表格中的最后两行？ 当页面加载时，必须隐藏这些行

这是表格：

<table class="table">
            <thead>
            <tr>
        <th style="background: #00A000; color: #fff;">Match Schedule</th>
            </tr>
            </thead>
            <tbody>
             <tr id="1">
        <td class="active">asd<br><p class="" style="color: red;">- Start 15 Aug 2015 21:00</p1></td>
            </tr>
            <tr>
        <td class="danger">asd<br><p class="" style="color: red;"> - Start 15 Aug 2015 21:00</td>
            </tr>
            <tr>
        <td class="active">asd<br><p class="" style="color: red;"> - Start 15 Aug 2015 21:00</td>
            </tr>
            <tr>
        <td class="danger">asd<br><p class="" style="color: red;"> - Start 15 Aug 2015 21:00</td>
            </tr>
            <tr>
        <td class="active">asd<br><p class="" style="color: red;"> - Start 15 Aug 2015 21:00</td>
            </tr>
            <tr>
        <td class="danger">asd<br><p class="" style="color: red;"> - Start 15 Aug 2015 21:00</td>
            </tr>
            <tbody>
            </table>

赛程
asd
2015年8月15日21:00开始
asd
2015年8月15日21:00开始
asd
2015年8月15日21:00开始
asd
2015年8月15日21:00开始
asd
2015年8月15日21:00开始
asd
2015年8月15日21:00开始

根据您当前的标记，您可以

使用选择最后两个元素

t车身tr:n最后一个子系统（-n+2）

然后

使用

toggleClass

在定义为隐藏和显示它的类之间切换

$（'button'）。在（'click'，function（）上{
$（'tbody tr:n最后一个子项（-n+2）'）。切换类（“显示”）；
});
t正文tr:n最后一个子项（-n+2）{
显示：无；
}
.展示{
显示：块！重要；
}

赛程
自闭症


-从2015年8月15日21:00开始
自闭症


-从2015年8月15日21:00开始
自闭症


-从2015年8月15日21:00开始
自闭症


-从2015年8月15日21:00开始
自闭症


-从2015年8月15日21:00开始
自闭症


-从2015年8月15日21:00开始
按me
可以使用bootstrap的折叠功能将最后两行包装在一个div中，并通过按钮进行控制

更多信息：