jquery 可折叠表与Bootstrap问题

k10s72fa  于 2023-08-04  发布在  jQuery
关注(0)|答案(1)|浏览(113)

我有带 accordion 的引导表
我需要隐藏默认第二行
但当我点击table移动
如何使动画和打开平滑,不移位?

<table class="table table-hover">
<tbody>
    <tr data-bs-toggle="collapse" href="#collapse">
        <td>Info</td>
        <td>Some more Info</td>
        <td>And some Info</td>
    </tr>
    <tr id="collapse" class="collapse">
        <td>Hidden by default</td>
        <td>Hidden by default</td>
        <td>Hidden by default</td>
    </tr>
</tbody>

字符串
https://jsfiddle.net/ejdy462h/2/

roejwanj

roejwanj1#

jQuery fadeToggle()jQuery [attribute$=value] Selector
如果您想使用它,只需从第一个树中删除data-bs-toggle="collapse"即可。

$("tr[href$='#collapse']").click(function() {
  $(this).next("tr#collapse:first").fadeToggle();
});

个字符

相关问题