Twitter bootstrap 引导-可折叠行-隐藏我们正在扩展的显示行

我有一个表，其中包含扩展行的列表 我的一个是父母，下一个是我正在扩展的孩子

我想在第二行未展开时隐藏它。 下面是我正在使用的代码 我还添加了图片：我想隐藏的红色。。您还可以在下一行中看到展开的：

 <tr class="clickable apply-max-width">
    <td class="table-tr1-td1 togglebutton" data-toggle="collapse" data-target="#accordion5"><b aria-hidden="true"><img src="../images/plus.png"/></b></td>
    <td>joed123@yahoo.com</td>
    <td colspan="2">WD154590</td>
    <td>2/1/2017</td>
    <td>Yes</td>
    <td></td>
</tr>
<tr>
    <td></td>
    <td></td>
    <td colspan="2">
        <div id="accordion5" class="accordion collapse data-found">

            <table class="table table-striped data-table-inner-disabled div-found">
                <thead>
                    <tr>
                        <th></th>
                        <th class="">Application</th>
                        <th class="">App Role</th>
                        <th>Workflow Status</th>

                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="application-User-inv"><img src="../images/delete_1.png" class="img-responsive" /></td>
                        <td class="application-User-inv">Portal</td>
                        <td>User</td>
                        <td>Pending Approval</td>
                    </tr>
                    <tr>
                        <td class="application-User-inv"><img src="../images/delete_1.png" class="img-responsive" /></td>
                        <td class="application-User-inv">SSR</td>
                        <td>User</td>
                        <td>Provisioned</td>
                    </tr>
                </tbody>
            </table>

        </div>
    </td>
    <td></td>
    <td>

    </td>
    <td></td>
</tr>

---

如果可能的话，你应该尝试在这里使用。这样，您就可以使用JS来管理显示/隐藏元素的状态，并且可以在浏览器中保存该状态。

我已经尝试了多个选项，但没有任何效果。你能分享一些我可以尝试的代码片段吗？