Customizando Jqueryui

[migue1891]

Muy buenas, estoy haciendo un acordeon Jquery y estoy teniendo problemas con los nodos hijos-nietos pues hacen un amago de abrirse pero automaticamente se me cierra el padre.

Dejo codigo html y la llamada a la funcion jquery.

Código HTML:

<ul>
                    <li><a href="#">HOLA 1</a>
                        <ul>
                            <li><a href="#">Hola 1.1</a>
                                <ul>
                                    <li><a href="#">Hola 1.1.1</a>
                                    
                                    </li>
                                </ul>   
                            </li>
                        </ul>
                    </li>
                    <li><a href="#">HOLA 2</a>
                        <ul>
                            <li><a href="#">Hola 2.1</a>
                                <ul>
                                    <li><a href="#">Hola 2.1.1</a>
                                        
                                    </li>
                                </ul>   
                            </li>
                        </ul>
                    </li>
                    <li><a href="#">HOLA 3</a>
                        <ul>
                            <li><a href="#">Hola 3.1</a>
                                <ul>
                                    <li><a href="#">Hola 3.1.1</a>
                                        
                                    </li>
                                </ul>   
                            </li>
                        </ul>
                    </li>
                    <li><a href="#">HOLA 4</a>
                        <ul>
                            <li><a href="#">Hola 4.1</a>
                                <ul>
                                    <li><a href="#">Hola 4.1.1</a>
                                        
                                    </li>
                                </ul>   
                            </li>
                        </ul>
                    </li>
                </ul>
 

Y el Js....

Código Javascript:

$( "ul" ).accordion({heightStyle: "content"},{ header: "a" } );
 

Muchisimas gracias por todo, un saludo