jquery-用JQuery按鈕控制圖片左右移動不能多次執行

用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