Acordion jquery (MOUSE OVER)

[sp3ncer]

HOLA AMIGOS Y GRACIAS DE ANTEMANO

LO QUE NECESITO HACER ES PARECIDO AL ACORDION QUE APARECE
EN ESTA WEB...

http://www.emmawatson.com/


tienen que presionar este boton para ver el acordion al que me refiero..


Por ahora he encontrado algo parecido pero no encuentro la manera de que
funcione igual:

http://tympanus.net/Tutorials/ElegantAccordion

Por favor les agradeceria su ayuda¡¡¡

[Dany_s]

postea lo que lograste hasta ahora para ver que hace falta

[sp3ncer]

ok gracias amigo
esto es lo que tengo:

Código HTML:

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <script type="text/javascript">
            $(function() {
                $('#accordion > li').hover(
                    function () {
                        var $this = $(this);
                        $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> 

Tambien puedes hecharle un ojo aqui:
http://impactoperu.com/LS_IMPACTO/acordion.html