Bootstrap 引导程序-可折叠行-隐藏显示正在展开的行

zqdjd7g9  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(1)|浏览(226)

我有一个表,其中包含展开的行的列表。我的一个<tr>是父级,下一个是我正在展开的子级。
我想隐藏的第二行时,它没有展开。下面是我使用的代码,我也添加了图像:我想隐藏的红色<tr>。您还可以在下面的行中看到展开的<tr>

<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>

e4eetjau

e4eetjau1#

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

相关问题