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

[MagoMarlon]

Por lo que veo la implementación del marcado está mala, el acordeón jequery se hace así

Código HTML:

<div id="accordion"> //O el nombre que quieras darle
  <h3>Aqui va la cabecera del item, siempre entre estas etiquetas</h3>
   <div>
      Y dentro de estos div va el contenido del item
   </div>
  <h3>Esta es la cabecera del segundo item</h3>
  <div>
 

Y este ele contenido del segundo item
</div>
</div>


Y el llamado jquery es

Código Javascript:

$('#accordion').accordion({
   Parametros de configuracion del accoredeon
});
 

Saludos, espero te haya servido

[migue1891]

Bueno eso es en el caso básico de ejemplo que te da el sitio Jquery UI pero esto esta parametrizado para que puedas customizarlo. Y perdona pero no esta mal la estructura html pues la tengo echa en JQUERY a pelo y funciona sin problemas, lo que me interesaba eran los parametros pertinentes para recoger esta estructura con subgeneros infinitos ya que para simples categorias si vale.

[MagoMarlon]

Ah ok, disculpa, pensé que hablabas del accordeon de jquery ui... sabes? tengo una pregunta muy relacionada que quizás puedas ayudarme, es que yo solo conosco el accordeon de jquery ui, pero quizas tu me puedas echar una mano con esto..

http://www.forosdelweb.com/f179/boton-cabecera-accordion-jquery-1048559/

Saludos!