jquery accordéon - garde l'élément parent caché?

Question

Eh bien, j'ai corrigé ma question originale en incluant après les balises de fermeture, mais maintenant, ces liens ne s'ouvriront pas?

Donc, au fond, dans le code HTML ci-dessous, je suis en train de sorte que seuls les diapositives de la section des services ouverts, mais je veux les balises h3 pour ouvrir ces liens ...

<div id="sp-accordion"> 
    <h3><a href="/?page_id=3">Home</a></h3><div></div> 
    <h3><a href="/?page_id=2">About Us</a></h3><div></div> 
    <h3><a href="#"> Services</a></h3> 
    <div> 
     <p><a href="/?page_id=16">S1</a></p> 
     <p><a href="/?page_id=14">S2</a></p> 
     <p><a href="/?page_id=20">S3</a></p> 
    </div> 
    <h3><a href="/?page_id=9">Contact Us</a></h3><div></div> 
    <h3><a href="/?page_id=5">Tips</a></h3><div></div> 
    <h3><a href="/?page_id=108">Jobs</a></h3><div></div> 
    <h3><a href="/?page_id=131">Newsletter</a></h3><div></div> 
</div> 

Les œuvres d'accordéon, si bien que lorsque vous cliquez sur la balise h3, le conteneur s'ouvre, mais quand il s'ouvre, il cache le h3 avant. Ainsi, dans le code HTML ci-dessous, lorsque je clique sur « Services » div dessous glisse ouverte, mais le propos h3 disparaît ...

C'est le html:

<div id="sp-accordion"> 
    <h3><a href="/?page_id=3">Home</a></h3> 
    <h3><a href="/?page_id=2">About Us</a></h3> 
    <h3><a href="#"> Services</a></h3> 
    <div> 
     <p><a href="/?page_id=16">S1</a></p> 
     <p><a href="/?page_id=14">S2</a></p> 
     <p><a href="/?page_id=20">S3</a></p> 
    </div> 
    <h3><a href="/?page_id=9">Contact Us</a></h3> 
    <h3><a href="/?page_id=5">Tips</a></h3> 
    <h3><a href="/?page_id=108">Jobs</a></h3> 
    <h3><a href="/?page_id=131">Newsletter</a></h3> 
</div> 

J'utilise jquery ui, de sorte que le jquery est juste ceci:

$(document).ready(function() { 
    $("#sp-accordion").accordion({autoHeight:false}); 
    }); 

Answer 1

Vous avez des liens vers vos contenus. Veuillez essayer ceci

"Si vous avez des liens dans le contenu de l'accordéon et que vous utilisez des éléments-a comme en-têtes, ajoutez-leur une classe et utilisez-la comme en-tête, par exemple: 'a.header'."

Ceci provient du doco JQuery UI.

Espérons que cela aide :)