Javascript 仅当div height为0（已设置动画）时运行函数，而不是在

例如，我有一个简单的html，如下所示：

<div class="visible_div">My Div</div>
<div class="invisible_div">Now you can see me!</div>
<div class="button">My Button</div>

CSS:

因此，如果div“visible_div”的高度为“0”，我将运行以下脚本，但不是在之前

$(".invisible_div").addClass("show");

---

我的问题：如果div“visible\u div”在js脚本中不再可见，我如何检查以等待css动画？

订阅

transitionnd

事件：

$(".button").click(function() {   
    $(".visible_div").addClass("hide");
});

$(".visible_div").on('transitionend', function() {
    $(".invisible_div").addClass("show");
});

---

是的，这很有魅力，谢谢你！哦，很抱歉重复-我不知道，这有一个简单的js命令；(.

$(".invisible_div").addClass("show");

$(".button").click(function() {   
    $(".visible_div").addClass("hide");
});

$(".visible_div").on('transitionend', function() {
    $(".invisible_div").addClass("show");
});