Animation firefox中的Jquery动画

我使用jquery为动画使用以下代码。当我单击列表元素时，相应的div向下滑动，不透明度变为“1”。当我单击其他列表元素时，上一个列表元素上升并消失，下一个列表元素下降

var id_prev;
 var id_new;
$("#tag ul li ").click(function(event){
    var i = $(this).index()+1;
    var id_new="#person"+i;
    if(id_new != id_prev){
        $(id_prev).animate({top:'300px',opacity:'0'},500);
        $(id_prev).delay(200).css({'z-index':'0'});
        $(id_new).delay(200).css({'z-index':'300'});
        $(id_new).delay(200).animate({top:'300px',opacity:'0'},500);
        $(id_new).delay(200).animate({top:'330px',opacity:'1'},500);
        id_prev = id_new;
    }

});

---

这可能不会完全按照你的意愿工作，因为如果他们点击最后一个怎么办

但首先，你不能告诉这些是什么：

var id_prev;
 var id_new;

您已经告诉它们是变量，但不是它们包含的内容。在顶部需要类似的东西：

if ($(this).index() > 0) {    
   var id_prev = $(this).index()-1;
}

因此，如果div不是第一个，请将上一个ID设置为选中的ID减去1

---

但我真的建议你从拥有两个开始，对它们进行完整的编码——而不是使用递增的值和变量——然后将代码尽可能压缩下来。

@Ravindra Soni:干得好！！现在请删除你的问题。很可能是重复的，他显然希望得到答案…thanx对于sugeestion:），我实际上忘记了提出我的原始问题…很抱歉，问题是，firefox中的动画不流畅，firefox中是否存在关于jquery动画的兼容性问题？？