jQuery slidedown（）无效

Question

我正在尝试将一个列表动态添加到表行中以使其可扩展（通过单击名称为“ detailGroup”的按钮）。

HTML：

<tr>
    <td class="align-middle">
        COL 1
    </td>
    <td>
        <a class="btn btn-small btn-primary" name="detailGroup" id="@item.Id">
            <i class="fa fa-user text-white"></i>
        </a>
     </td>
</tr>

和JQUERY（通过单击按钮执行）

function detailGroup(clickedGroup) {
    var row = $('#collapsibleRow');
    if (row.length) {
        row.remove();
        if (row.data('val') == groupId) return;
    }

    var groupId = $(clickedGroup).attr('id');
    var parent = $(clickedGroup).closest("TR");
    var html='<tr id="collapsibleRow" data-val=' + groupId + '><td colspan="2" class="border-0"><ul><li class="list-group-item">One</li><li class="list-group-item">Two</li><li class="list-group-item">Three</li></ul></td></tr>';

    parent.after($(html)).slideDown(2000);

}

一切都很好，除了显示行时没有滑动效果。 parent.after($(html)).slideDown(2000);

有什么主意吗？