用JQuery按钮控制图片左右移动不能多次执行

 <button id="L">L</button>
    <button id="R">R</button>
        <span></span>
        <script type="text/javascript">
            $(function () {
                $("#L").bind("click",(function(){
                     $("span").animate({
                         right:'+=500px'
                           },3000);

                    }));

            });
              $(function () {
                $("#R").click(function(){
                 $("span").animate({
                         left:'+=500px'
                  },3000)
                });
            });
        </script>

使用right就都是要right，一个用 “+”,一个用 “-”，同样的要么就都是用 left

 $("#L").bind("click",(function(){
                     $("span").animate({
                         left:'-=500px'
                           },3000);

                    }));