Question

我一直在试验HTML表格和可折叠行，因为我需要一种方法来在点击事件后显示有关表格中行的更多信息。

到目前为止我做的是

<table class="table table-bordered">
    <tbody>
        <tr class="clickable" id="row3" data-toggle="collapse" data-target="#innerRow3" aria-expanded="false">
            <td class="text-center"><i id = "step3" aria-hidden="true"></i></td>
            <td>Header!</td>
        </tr>
        <tr class="collapse out" id="innerRow3">
            <td>Test!</td>
        </tr>
    </tbody>
</table>

当我点击标识为row3的行时，我看到的内容，innerRow3会在短时间内展开，在显示后不会消失一秒钟。

我正在使用的是JQuery 3.2.1和Bootstrap 3.3.7来实现这一目标。

编辑：根据用户@charlietfl的建议，这是一个可验证的示例：

http://plnkr.co/edit/r7mRgNzpvpSi5jo6bANW?p=preview

Answer 1

如果你看看这个问题中提供的plunker，我有Bootstrap 4.0.0 CSS和Bootstrap 3.3.7 JS文件，这可能会导致导致该bug的不一致。

切换到Bootstrap 3.3.7 CSS解决了这个问题！

倒塌的行只是短暂地扩张，然后又消失了

1 个答案: