每次单击按钮时更改div的位置

Question

我正在尝试构建一个包含三个不同div的div容器。 单击图像时，容器div应完全滑动。那么改变它的边缘可能呢？

图像是左右箭头。

例如：

<div id = "container">
   <div id = "content1">This is the content1</div>
   <div id = "content2">This is the content2</div>
   <div id = "content3">This is the content3</div>
</div>

<div id ="buttonLeft">path/of/imageLeft</div>
<div id ="buttonReft">path/of/imageRight</div>  

我已将容器放入尺寸设置为1024x768像素的包装中。 容器具有相同的尺寸，现在只显示第一个内容，但我希望它在单击按钮时更改位置。

我应该为此尝试Jquery吗？或者你推荐什么？

我尝试过slideToggle，但这并不是我想要的，虽然宽松适合设计非常好。

目前我已经得到了这个但它不起作用：

$('#leftarrow').click(function() {
$('#content').animate({
marginLeft: -200px
}, 5000, function() {
// Animation complete.
});
});