Jquery: everything works, but my function wont fire
<p>Everything works just fine, but when I remove</p>

<pre><code>{queue:false, duration: 800, easing: 'easeInOutQuart'} 
</code></pre>

<p>from    </p>

<pre><code>$(".chapters_list").slideDown(
</code></pre>

<p>with a 500, it stops working. So if I don't want easing in my script, it will work fine, when I insert easing into the top function, like is shown below, it stops working. Why wont it allow me to have easing?</p>

<pre><code>$('.article_book_title').click(function () {
    if ($(".chapters_list").is(":hidden")) {
        $(".chapters_list").slideDown({queue:false, duration: 800, easing: 'easeInOutQuart'}, function () {
        doSlide($('UL.chapters_list li:first'))
        });   
} else {
$(".chapters_list").slideUp({queue:false, duration: 800, easing: 'easeInOutQuart'});
}
});


function doSlide(current) {
    $(current).animate({
        backgroundColor:'#d6f4aa', color:'#eee'
    },40, function() {
        $(this).animate({backgroundColor:'#252525', color:'#fff'}, 500)
            doSlide($(current).next('li'));
        });

}
</code></pre>
