jquery - jquery animate 变得很棘手

Question

我正在尝试解决一项看似简单但无法正常工作的任务。我有 2 个链接，当单击它们时，它们会显示相应的 div。

我想做的是：

单击链接 #1 时：显示 div #1，单击链接 #2 时：显示 div#2。

我想让 div 淡入并同时滑入，这意味着 div 应该相互交叉淡入淡出。

我当前的 div 动画代码是：

        div.animate({
            "height": "toggle", "opacity": "toggle"
        }, "slow");

问题是 - 当在两个链接之间快速单击时，动画会发疯并保持动画多次..有什么想法可以解决这个问题吗？

谢谢

Answer 1

尝试使用.stop(true, true)

div.stop(true, true).animate({
    "height": "toggle", "opacity": "toggle"
}, "slow");