Javascript Jquery切换效果不起作用

基本上我有一个div，我想用它制作一些动画，首先我尝试切换div，然后使用.remove（）jquery函数从DOM中完全删除div。但是我现在遇到的问题是切换效果没有发生，它只是直接进入remove（）代码。我试图延迟代码，但同样的事情发生了。有人能帮我理解为什么我的代码会这样吗？请运行下面的代码段，您会注意到没有切换效果

函数remv（）{
$（“.myDiv”）。切换（“剪辑”）；
$（“.myDiv”）.remove（）；
警惕（葡萄牙即将赢得世界杯，对此无能为力）；
document.getElementById（“test”）.innerHTML=“葡萄牙将获得2018年世界杯冠军”；
}

.myDiv{
高度：100px；
宽度：100px；
背景颜色：橙色；
}

点击惊喜框

这个怎么样

函数remv（）{
$（“.myDiv”）.toggle(
“剪辑”，
函数（）{
$（“.myDiv”）.remove（）；
警惕（葡萄牙即将赢得世界杯，对此无能为力）；
document.getElementById（“test”）.innerHTML=“2018年世界杯冠军”；
$（“#dialog”）.dialog（）；
}
);
}

.myDiv{
高度：100px；
宽度：100px；
背景颜色：橙色；
}

点击惊喜框


$（“#对话框”）.hide（）；

您需要在

.toggle（）

的“complete”回调中调用

.remove（）

，以便它等待动画完成

$(".myDiv").toggle("clip", function() {
    $(".myDiv").remove();
});

文档：

函数remv（）{
$（“.myDiv”）。切换（“剪辑”）；
$（“.myDiv”）.remove（）；
警惕（葡萄牙即将赢得世界杯，对此无能为力）；
document.getElementById（“test”）.innerHTML=“葡萄牙将获得2018年世界杯冠军”；
}

.myDiv{
高度：100px；
宽度：100px；
背景颜色：橙色；
}

点击惊喜框