Javascript jQuery左动画

我有这样的结构：

HTML:

JS:

​ 一切正常。但我不想要幻灯片效果，我想要左边的动画

---

我如何才能做到这一点？

您可以使用.animate（）。例如：

$('#myElement').animate({left:'+=30px'});

有关更多信息：

---

使用

制作动画

$("#side-menu").animate({"left": "-=50px"}, "slow")

or

var $lefty = $('#side-menu');
$lefty.animate({
  left: parseInt($lefty.css('left'),10) == 0 ?
    -$lefty.outerWidth() :
    0
});

---

…你试过使用吗？试试这个页面：谢谢，但不起作用。请更新JSFIDLE？非常感谢。它在我的网站上工作！最后一个问题，我怎样才能回到我的部门？所以，先左50像素，然后左50像素。。。

$(document).ready(function() {
    $("#side-menu").hide();
    //$(document).click(function() {
        $("#side-menu").slideDown().delay(500).slideUp();
    //});
});

$('#myElement').animate({left:'+=30px'});

$("#side-menu").animate({"left": "-=50px"}, "slow")

or

var $lefty = $('#side-menu');
$lefty.animate({
  left: parseInt($lefty.css('left'),10) == 0 ?
    -$lefty.outerWidth() :
    0
});