jQuery UI accordéon sur ul

Question

Comment puis-je obtenir le jQuery UI Accordion lorsque j'ai besoin de mettre un emballage autour de chaque élément?

Exemple HTML:

<ul> 
    <li> 
    <h3><a href="#">header</a></h3> 
    <div> 
     Content goes here 
    </div> 
    </li> 
    <li> 
    <h3><a href="#">header</a></h3> 
    <div> 
     Content goes here 
    </div> 
    </li> 
</ul> 

Je ne arrive pas le faire fonctionner.

Answer 1

Vous ne pouvez pas faire fonctionner l'accordéon avec votre balisage actuel. Les éléments doivent être frères et soeurs comme ceci:

<div id="parentAccordionDiv"> 
    <h3><a href="#">header</a></h3> 
    <div> 
     Content goes here 
    </div> 
    <h3><a href="#">header</a></h3> 
    <div> 
     Content goes here 
    </div> 
</div> 

Je me suis trompé. J'ai un accordéon pour fonctionner comme ceci:

<script type="text/javascript"> 
    $(function(){ 
     $('#accordion').accordion(); 
    }) 
</script> 
<ul id="accordion"> 
    <li> 
    <h3><a href="#">header</a></h3> 
    <div> 
     Content goes here 
    </div> 
    </li> 
    <li> 
    <h3><a href="#">header</a></h3> 
    <div> 
     Content goes here 
    </div> 
    </li> 
</ul>