.animate float left
 

Привет всем, обращаюсь за помощь...

задача по клику плавно передвинуть div в крайнее правое положение(или левое)

$(document).ready(function(){
$(".lrun").click(function(){

$("#logo")
.animate({left: "0",right: "0"}, 1200)
.animate({float: "right"}, 1200) //не работает =)
.animate({left: "400"}, 1200) //работает но мне нужно крайне положение
return false;
});

есть вариант сделать так
$(document).ready(function(){
$(".lrun").click(function(){

$("#logo")
.animate({left: "0",right: "0"}, 1200)
.animate({left: "-50%"}, 1200,function() {
$('#logo').css({float: "left"})
});
return false;
});

но тут анимация теряется...

что посоветуете ?

Сделал так

$(document).ready(function(){

        $(".lrun").click(function(){
        $("#logo").attr('style','');
         $("#logo").animate({'margin-left': "0",'margin-right': "none"}, 1200)
         return false;
       }); 
    
      $(".rrun").click(function(){
         $("#logo").attr('style','');
         $("#logo").animate({'margin-right': "0",'margin-left': "none"}, 1200)
         //$("#logo").animate({'float': "right",'float': right}, 1200)
         return false;
    }); 
});