accordion con jquery

[abraiante]

Acabo de hacer la siguiente corrección en el código:

Código:

<script type="text/javascript">
$(function() {
    $('#accordion > li').hover(
        function () {
            var $this = $(this);
			$this.siblings().stop().animate({'width':'115px'},1000);
			$('.heading',$this.siblings()).stop(true,true).fadeIn();
            $('.description',$this.siblings()).stop(true,true).fadeOut(500);
            $('.bgDescription',$this.siblings()).stop(true,true).slideUp(700);
			$this.stop().animate({'width':'480px'},500);
            $('.heading',$this).stop(true,true).fadeOut();
            $('.bgDescription',$this).stop(true,true).slideDown(500);
            $('.description',$this).stop(true,true).fadeIn();
        },
        function () {
            //var $this = $(this);
            //$this.stop().animate({'width':'115px'},1000);
            //$('.heading',$this).stop(true,true).fadeIn();
            //$('.description',$this).stop(true,true).fadeOut(500);
            //$('.bgDescription',$this).stop(true,true).slideUp(700);
        }
    );
});
</script>

Antes de hacer más grande el li correspondiente, hago los otros más pequeños. pero no funciona. Se siguen admitiendo ideas