jquery ui время задержки анимации

Question

У меня есть функция litte, которая должна создавать бесконечный эффект подпрыгивания на иконке.

function animMap1(){ 
    $("img.map_icon").animate({ top:"165px" }, 300,"easeInOutQuad",function(){animMap2();}); 
    } 
function animMap2(){ 
    $("img.map_icon").animate({ top:"185px" },300,"easeInOutQuad",function(){animMap1();}); 
    } 

Это работает, но каждый раз, когда он запускается, происходит небольшая задержка. Где моя ошибка? То, что я хочу достичь, это что-то вроде этого:

http://www.porte-sainte-claire.com/#page_venir-a-la-porte-sainte-claire

Любые идеи? Заранее спасибо!!

Answer 1

function animMap1(){ 
 
    $(this).children('.dropingdiv').css("display", "block"); 
 
    $("img.map_icon").animate({ top:"165px" },{duration:300, complete: function() { 
 
    $("img.map_icon").animate({ top:"185px" },{duration:300, complete: function() { 
 
     animMap1(); 
 
     }}); 
 
}});