javascript - 动画问题jQuery CSS

我只想制作退出动画，但是我想隐藏的框内的文本有问题。

$(".dropdown").click(function () {
    var dropdownC = $(this).find(".dropdownc");
    var dropdownUl = $(this).find("ul");

    if (dropdownC.css("visibility") == "visible") {
        dropdownC.removeClass("comein").addClass("comeout");
        var hide = function () {
            dropdownC.addClass("hide");
        };
        setTimeout(hide, 300);
    } else {
        dropdownC.removeClass("hide").removeClass("comeout").addClass("comein");
    }
});

这是jsfiddle。感谢您的任何帮助。

最佳答案

我会使用display: block / none而不是visiblilty: visible / hidden

https://jsfiddle.net/dabvkmrL/1/

关于javascript - 动画问题jQuery CSS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48142256/