jQuery Анимация значка в центр, плюс x пикселей

Question

Я пытаюсь добавить 3 значка в центр div. Проблема, с которой я сталкиваюсь, заключается в том, что они все ожидают центра и заканчиваются друг на друга. Я бы хотел, чтобы все они были разделены примерно на 30 пикселей. Вот то, что я до сих пор:

$(function(){ 
    $("#instagram").delay('1000').animate({right: $(window).width()/2}, 200); 
    $("#twitter").delay('1000').animate({right: $(window).width()/2}, 150); 
    $("#facebook").delay('1000').animate({right: $(window).width()/2}, 100); 
    }); 

Похоже, что это должно быть достаточно просто добавить «+ = 30px» или «- = 30px», но я не могу заставить его работать.

Answer 1

Получил это. Для меня это было неуместно(). Они должны приложить математику, а не позицию, в данном случае, «правильно». Рабочий код ниже.

$(function(){ 
    $("#instagram").delay('1000').animate({right: ($(window).width()/2) -30}, 200); 
    $("#twitter").delay('1000').animate({right: $(window).width()/2}, 150); 
    $("#facebook").delay('1000').animate({right: ($(window).width()/2) +30}, 100); 
    });