为什么在运行toggleClass时不播放动画？

Question

我使用此代码来切换显示和隐藏类。这可行但不是真的。在这种情况下，1秒等待，然后运行toggleclass，不带动画。

$(function () {
    $("#open_search").click(function () {
        $("#search").toggleClass("show",1000);
        $("#open_search").toggleClass("hide",1000);
    });
});

Answer 1

我猜：你不想toggleClass()，而是toggle()。尝试：

$("#search").toggle();

Answer 2

如果您只是期待隐藏或显示元素，我建议您使用toggle（）而不是toggleClass（）但是如果您考虑使用“show”或“hide”类创建许多元素，则需要添加额外的css代码只是隐藏元素...所以toggle（）更好