Wie zu animieren JQuery addClass/removeClass Funktionen?

Möchte ich wissen, wie zu animieren JQuery addClass/removeClass Funktionen?

für die animate-Funktion, es scheint, dass ich einige CSS-Eigenschaften, aber was ist, wenn ich habe eine Klasse, die macht das element angezeigt als block jedes mal, wenn ich die trigger eine Klick-Funktion, während alle Elemente werden angezeigt, wie in CSS versteckte. Wie kann ich das animieren dieser Prozess?

Hier ist mein code:

<script src="js/jquery-1.9.1.min.js"></script>
<script>

    var allSlides = $('li');

    $('#nextSlide').click(function(){
        var nextSlide = $('.active').next();
        if (nextSlide.length == 0)
        {
            var nextSlide = allSlides.first();
        }
        $('.active').removeClass('active');
        nextSlide.addClass('active');
        return false;
    });

    $('#prevSlide').click(function(){
        var prevSlide = $('.active').prev();
        if (prevSlide.length == 0)
        {
            var prevSlide = allSlides.last();
        }
        $('.active').removeClass('active');
        prevSlide.addClass('active');
        return false;
    });

</script>