Jquery 在单击按钮时切换divs left属性

我有以下标记：

<div id="slide_item"></div>
<div id="wrapper" data-cycle-slides="div" data-cycle-log="true"></div>

但它不起作用。我做错了什么

---

编辑：

.toggle（）

自jQuery 1.9以来已被删除，有人知道替代方法吗？

其工作原理与预期相符请看一看

$('#slide_item').click(function () {
    $("#wrapper").toggle(function() { 
        $(this).animate({left: 150}, 500);
    }, function() { 
        $(this).animate({left: 0}, 500);
    });
});

---

演示：-

为什么不能检查当前的左位置

$('#slide_item').click(function () {
    var wrap = $('#wrapper')
    if (wrap.css('left')=='150px') {
        $(this).animate({left: 0}, 500);
    } else if (wrap.css('left')=='0px') {
        $(this).animate({left: 150}, 500);
    }
});

---

这是一个有趣的笑话；）

---

Fiddle:

您使用的是哪个jQuery版本？请注意，

.toggle（）

事件自版本

1.9

@Felix以来已被删除。哦，是的，我使用的是1.10，但他们为什么要删除它，还有什么替代方法？看上面的注释，似乎是因为我的jQuery版本是1.10，但替代方法是什么？我不明白他们为什么要把它拿走，而别无选择？

$('#slide_item').click(function () {
    var wrap = $('#wrapper')
    if (wrap.css('left')=='150px') {
        $(this).animate({left: 0}, 500);
    } else if (wrap.css('left')=='0px') {
        $(this).animate({left: 150}, 500);
    }
});

$('#slide_item').click(function() {
    $("#wrapper").animate({ left: $("#wrapper").css("left") === "0px" ? 150 : 0 });
});