jQuery动画搜索栏运动

Question

虽然我可以使其与绝对值一起使用，但我需要使其与更多自动值一起使用。

这是代码（仍在起作用，因为即使在第一种情况下也不会在起始位置起作用时又增加“ margin-right”）：

$(document).ready(function()
{   
var $searchbarWidth = $('.searchform input[type="text"]').outerWidth( );

var $submitbuttonWidth = $('#submitbutton').outerWidth( );

var $searchbar_marginRight=$('.searchform input[type="text"]').css("margin-right");
//set starting position
$('.searchform input[type="text"]').css({"margin-right": -Math.abs($searchbarWidth) + 'px'});

//when hidden
    $('#submitbutton').click(function() {
        if($searchbar_marginRight == -Math.abs($searchbarWidth))
        {
        $('.searchform input[type="text"]').animate({"margin-right": '+=210'});
        }   
    });
    //when shown
    $(document).click(function(){
        if($('.searchform input[type="text"]').css("margin-right")== "60px")
        {
            $('.searchform input[type="text"]').animate({"margin-right": '-=210'});
        }
    });

}); 

任何人都知道if子句到底是哪里出了问题，假设那是失败的