Javascript 自定义动画集在动画过程中触发时会使浏览器崩溃

我有一个动画集，用户从列表中选择一个项目，并显示相应的div。动画设置div父项的高度，然后在div中淡入淡出。通常，在这样的动画中，如果用户单击项目3，并且在动画期间单击项目3，则会立即完成动画，并开始动画2。在我现在的版本中，它会有崩溃JS或整个浏览器的趋势。对我来说，它总是会使firefox崩溃，并且会通过在动画中单击一些项目使ie/chrome的JS引擎崩溃。下面是动画的代码

$('#sideCol>div>ul>li').click(function()
{
    index=$(this).index()
    locations='.locations:eq('+index+')';
    height=$(locations).height()+50
    $('.locations:not(:eq('+index+'))').fadeOut(1000, function()
    {
        $('#content').stop(true, true).delay(200).animate({height: height},1000, function()
        {
            $(locations).stop(true, true).delay(200).fadeIn(1200);
        })
    })
})

---

你有没有可能在页面上展示这个例子？是链接。可能是我的电脑出了这个问题，还没有测试过其他电脑。