Javascript jqueryhide方法隐藏div，但div会重新出现

我有下面的代码，我想在其中隐藏最近的分组div。当我单击delete按钮时，div消失了，但又回来了（添加了600，这样我就可以看到这个）

我研究发现其他人说使用event.preventDefault，returnfalse；并添加href“#！”到

（功能（）{
$（'.remove grouping button'）。单击（函数（事件）{
event.preventDefault（）；
$（this）.closest（'.grouping'）.hide（600）；
返回false；
});
})();

---

这应该会隐藏div，但它会重新出现

您的代码正常工作-其他一些代码必须使其重新出现

我只发布这个演示，当你看到它时，我会删除它

请不要投赞成票或接受作为答案，也不要投反对票

$（函数（）{
$（'.remove grouping button'）。单击（函数（事件）{
event.preventDefault（）；//取消锚定单击
$（this）.closest（'.grouping'）.hide（600）；
});
})

一些剑道下降

请单击，然后单击

[]

代码段编辑器。删除模板并发布一个只包含HTML、JS和CSS的文档-使用视图源代码并从示例中删除不必要的代码。您的代码应该可以正常工作，这样其他一些代码就会重新出现hi@Deke Darsey，remove event.preventDefault（）；再试一次，@KrishnaJonnalagadda，那不是个好主意。这是为了阻止链接执行

@model Durendal.Core.ViewModels.RoleViewModel
<div class="d-flex flex-row grouping">
    <div class="flex-grow-1" style="overflow-x: auto;">
        @(Html.Kendo().DropDownListFor(m => m.Id)
                    .DataTextField("Name")
                    .DataValueField("Id")
                    .MinLength(3)
                    .HtmlAttributes(new { style = "width:100%;" })
                    .Height(290)
                    .Filter(FilterType.Contains)
                    .AutoWidth(true)
                    .DataSource(source =>
                    {
                        source.Custom()
                            .Transport(transport => transport
                                .Read(read => read
                                    .Action("GetRoles", "DataApi", new { Area = "Shared" })));
                    })
        )
    </div>
    <div class="">
        <a href="#!" class="btn btn-sm btn-outline-danger waves-effect remove-grouping-button">
            <i class="fas fa-times"></i>
        </a>
    </div>

    <script type="text/javascript">
        (function () {
            $('.remove-grouping-button').click(function (event) {
                event.preventDefault();
                $(this).closest('.grouping').hide(600);
                return false;
            });
        })();
    </script>
</div>