Retomo este post... ya que tengo el mismo problema y no está resuelto. : )
Si alguien, como en libro de "
colorea por números" me ayuda con esto
O sea a prueba de burros como yo.
El HTML básico que usa el Jquery UI accordion es:
Código PHP:
<div id="accordion">
<h3><a href="#">First header</a></h3>
<div>First content</div>
<h3><a href="#">Second header</a></h3>
<div>Second content</div>
</div>
Separo el tema en diferentes opciones:
1) Usar el código de esa misma documentación.
En la documentación de la citada librería viene esto:
Código PHP:
jQuery(document).ready(function(){
$('.accordion .head').click(function() {
$(this).next().toggle('slow');
return false;
}).next().hide();
});
Supuse que hay que corregir esto:
jQuery(document).ready(function(){
$('
#accordion .
h3').click(function() {
$(this).next().toggle('slow');
return false;
}).next().hide();
});
Ya que accordion está definido como Id y no como class, y usa h3 como zona sensible, cosas así, pero no jala. (Eliminé también todas las llamadas a los jquery.ui.ejemplo.js, en teoría no hay que llamarlas)
2) El código que da Hector
Por alguna razón tampoco jala (sí, ya sé... el factor común soy yo
).
(Sí cambié el nombre del ID de acordeon a accordion y el h1 a h3, tampoco soy tan burro)
3) La lista a Santa Claus
Lo que creo interesante es que con cambiar alguna opción en algún lado, pueda cambiarse el comportamiento a varias opciones abiertas al mismo tiempo, pero sin tocar digamos la parte html y que se utilice el mismo css. Esto lo veo más complicado en cierta medida, ya que al parecer utiliza un css que se modifíca dinámicamente...
Ahora sí... el típico grito de ayuda desesperada... ¡Ayuda por favoooor!
