javascript - JQuery按钮事件问题

Question

我对 jQuery 相当陌生，所以我正在慢慢掌握一切。一直坚持这一件事。

目标:我想创建一个事件，在该事件中单击按钮，它将元素移动到右侧。然后我再次单击它，它将将该元素移回左侧。

问题:第一次可以正常工作，但如果再次单击它，它就会再次向右移动。

添加了我调用的样式

$(document).ready(function () {
    var img = ".img";
    var slideBody = "#bodyWrapper";
    $(img).click(function () {
        if ($(slideBody).css("left", "0") <= "true") {
            $(slideBody).animate({
                left: "200px"
            }, 200);
        } else {
            $(slideBody).animate({
                left: "0px"
            }, 200);
        }
    });
});

.img {
display: block;
position: relative;
width: 50px;
height: 50px;
background: yellow; 
opacity: 1;
left: 0px;
}
#bodyWrapper {
    display: block;
    width: 100%;
    overflow: hidden;
    left: 0px;
    position: relative;
}    

Answer 1

将条件更改为:

    if ( $(slideBody).css("left") == 0 ){
        $( slideBody ).animate({left:"200px"}, 200);
    } else { 
        $( slideBody ).animate({ left:"0px" }, 200);
    }