Javascript 我可以使用div来设置它所在的容器的动画吗？

我有一个容器，里面有三部分内容。我使用javascript在div中从左到右导航，导航工具被引用为无序列表。相反，我希望修复这些div，并使用相同的导航按钮从左向右移动整个容器

这是我试过的javascript。为了让它起作用，我试着改变 var$anchor=$（这个）到var$anchor=$（容器div的名称），但这不起作用。有人能帮我解决这个问题吗？谢谢

<script type="text/javascript">
        $(function() {
            $('ul.nav a').bind('click',function(event){
                var $anchor = $(this);
                $('html, body').stop().animate({
                    scrollLeft: $($anchor.attr('href')).offset().left
                }, 1000);
                event.preventDefault();
            });
        });
 </script>

$（函数（）{
$（'ul.nav a'）.bind（'click'，函数（事件）{
var$anchor=$（此）；
$（'html，body'）.stop（）.animate({
滚动左：$（$anchor.attr（'href'））.offset（）.left
}, 1000);
event.preventDefault（）；
});
});
谢谢……不过我找到了答案


你能用一个工作示例发布一个JSFIDLE吗？这样我们就知道你在说什么了？请提供html，如果可能的话，请确认……谢谢你对JSFIDLE（有史以来最酷的东西）的引用！我保存了它，在这里它是这样的，而不是在div之间移动，我想创建一个容器，然后当我点击数字列表时，让整个容器移动
$(document).ready(function(){
$("#right").click(function(){
    $("#contents").animate({left:'-200px'},500);
    $("#container").animate({'margin-left':'200px'},500);
});
$("#left").click(function(){
    $("#contents").animate({left:'0px'},500);
     $("#container").animate({'margin-left':'0px'},500);
  });
 });