Adicionando prioridade na execução de animate e addClass

[karolbraga 0]

Estou trabalhando em um projeto em que preciso movimentar mãos de acordo com o evento mouseover, até ai beleza. Quando o usuário passa o mouse em determinada fatia da minha grid, que é dividida em 5 partes, movimenta a mão até a posição de um link e ai muda a classe que troca a imagem da mão.

 

Preciso que o código abaixo funcione da seguinte maneira: antes de remover e adicionar a classe hand1_2 preciso que execute o animate, e somente com o animate concluído mude a classe.

 

function subgrid1() {

$( "#hand1" ).animate({
top: "90px",
left: "-200px"
}, 800);

$( "#hand1" ).removeClass();
$( "#hand1" ).addClass('hand1_2');

 

Help?

 

[William Bruno 1501]

o animate tem um terceiro parâmetro q é um callback q é executando qndo ele acaba.

 

http://api.jquery.com/animate/

function subgrid1() {
$( "#hand1" ).animate({
  top: "90px",
  left: "-200px"
  }, 800, function(){

    $( "#hand1" ).removeClass();
    $( "#hand1" ).addClass('hand1_2');
  }
);

}

[karolbraga 0]

Obrigada William!

Era exatamente o que eu precisava.

Fico te devendo essa.