Jquery animation dans firefox

Question

J'utilise le code suivant pour l'animation en utilisant jquery. quand je clique sur un élément de la liste, la div correspondante glisse vers le bas et l'opacité passe à '1'. Quand je clique sur un autre élément de la liste, le précédent se lève et disparaît, et le suivant descend.

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; 
    } 

}); 

Answer 1

Cela ne fonctionnera probablement pas comme vous le voulez, car qu'en est-il s'ils cliquent sur le dernier?

Mais tout d'abord, vous ne dites pas ce être quelque chose:

var id_prev; 
var id_new; 

Vous leur avez dit être des variables, mais pas ce qu'ils contiennent. Vous avez besoin de quelque chose comme ça en tête:

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

Donc, si le div est pas le premier, définissez l'ID précédent à celui sélectionné, moins 1 ...

Mais je voudrais vraiment suggérer que vous commencez simplement à en avoir deux, et que vous les codifiez entièrement - plutôt que d'utiliser des valeurs et des variables incrémentielles - alors prenez ce code et condensez-le si possible.