Wenn Rand links == Prozent

Question

Ich möchte mein div nach links 5 mal gehen und danach zurückkommen. zu tun, dass ich das Skript haben:

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

ich ein funktionierendes Script mit px haben mit:

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

aber ich brauche Prozent reagieren zu können, kann mir jemand helfen Bitte ?

EDIT:

Die Animation funktioniert, nur die Bedingung für die, wenn nicht funktioniert.

Answer 1

Verwenden position: absolute und left Attribut statt margin-left

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

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