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");