JQuery accordion no funciona sin etiquetas h3

Question

Estoy tratando de hacer un acordeón con JQuery y me estoy metiendo en problemas. El sitio web de JQuery muestra cómo crear su contenido de acordeón de esta manera.

<div id="accordion"> 
    <a href="#">First header</a> 
    <div>First content</div> 
    <a href="#">Second header</a> 
    <div>Second content</div> 
</div> 

Cuando hago esto, el acordeón no funciona bien y hay algún problema con el formateo. Si pongo etiquetas h3 alrededor de los anclajes del encabezado como

<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> 

Funciona. ¿Alguien sabe por qué pasa esto? Sucede en Firefox 3.5 e IE 8. También acabo de descargar los archivos de JQuery hoy.

-Gracias

Answer 1

Debe establecer el apropiado header option.

En el caso de que quiera utilizar los anclajes como los encabezados:

$('#accordion').accordion({ 
    header: "a" 
}); 

Answer 2

debe inicializar el acordeón con la opción encabezado especificado:

$('#accordion').accordion({ 
    header: 'a' 
}); 

También puede ser que desee revisar la jQuery Accordion API para más opciones.

Answer 3

Tal vez puedas probar

<script> 

jQuery("#accordion").accordion({heightStyle: "content",header: 'h3' }); 

</script> 

Esta voluntad funciona bien en IE