Если оставлено поле == процентов

Question

Я хочу, чтобы мой div уходил влево 5 раз и после этого возвращался. Для этого у меня есть этот скрипт:

Javascrpit:

$(document).ready(function() {
  if(document.getElementById('twitter').style.marginLeft == "-278%")
  {
    (function($){
      setInterval(function(){

        $('#twitter').animate({
        marginLeft: '+=278%',
        },3000);

      }, 5000);

   })(jQuery);
  }else{
    (function($){
      setInterval(function(){
        $('#twitter').animate({
            marginLeft: '-=55.6%',
        },2000);

      }, 5000);
    })(jQuery);
  }
});

У меня есть рабочий скрипт с использованием px:

if($('#twitter').css("marginLeft")==('-5300px'))

но мне нужен процент, чтобы быть отзывчивым, может кто-нибудь помочь мне, пожалуйста?

РЕДАКТИРОВАТЬ:

Анимация работает, просто не работает условие if.

Answer 1

Использование position: absolute а также left атрибут вместо margin-left

<div id='twitter'>
  hello
</div>

#twitter{
 position: absolute;
 left: -50%;
}