关于JS animate（）回调函数问题，请教

Question

<div >
    <img  id="l" src="images/logoanim.gif">
    <img src="images/logor.png" alt=""/>
    <img id="r"  src="images/logoanim.gif">
</div>

<script type="text/javascript">
    $(document).ready(
       a()
    );
    function a(){
        $("#l").show();$("r").hide();
        $("div").animate({
            left: "1200px"
        },1000,b())
    }
    function b(){
        $("#r").show();$("#l").hide();
        $("div").animate({
            left: "0"
        },1000,a())
    }
</script>

如题，我想实现的效果是，div元素左右来回滚动，向左走的时候#l 出现，#r隐藏，向右走的时候，#l隐藏 #r出现。代码出了什么问题呢？

Uncaught RangeError: Maximum call stack size exceeded，怎么解决

Answer 1

递归调用导致了堆栈溢出啊