Contrôle d'accordéon jQuery sur les sections vides

Question

J'ai un accordéon jQuery que je suis en train de styliser en utilisant les thèmes ui. Ma question est, comment puis-je avoir une section qui n'a pas de sous-sections et ne s'étend pas lorsque survolée par la souris? J'utilise mouseover comme déclencheur.

Par exemple:

La section d'accueil n'a rien en dessous. Je voudrais qu'il reste effondré quand survolé. Une fois cliqué, il devrait naviguer vers la cible href (ce qu'il fait).

Code Init:

<script type="text/javascript"> 
    $(function() { 
     $("#accordion").accordion({ 
      event: "mouseover", 
      alwaysOpen: false, 
      autoHeight: false, 
      navigation: true, 
     }); 
    }); 
</script> 

Markup (abrégée par souci de brièveté):

<div id="accordion"> 
    <h3><a class="heading" href="~/Home">Home</a></h3> 
    <div> 
    </div> 
    <h3><a href="#">Browse</a></h3> 
    <div> 
     <li><a href="http://www.php.net/">PHP</a></li> 
     <li><a href="http://www.ruby-lang.org/en/">Ruby</a></li> 
     <li><a href="http://www.python.org/">Python</a></li> 
     <li><a href="http://www.perl.org/">PERL</a></li> 
     <li><a href="http://java.sun.com/">Java</a></li> 
     <li><a href="http://en.wikipedia.org/wiki/C_Sharp">C#</a></li> 
    </div> 
</div> 

La feuille de style est directement à partir de la bibliothèque de thème jQuery ui.

Merci d'avance.

Rick

Answer 1

J'ai fait quelques modifications pour que cela fonctionne, en ajoutant principalement un identifiant à votre en-tête et collapsible: true à l'accordéon.

Ensuite, ajoutez-les après avoir créé votre accordéon:

$('#home').unbind('mouseover');//don't accordion on mouse over 
$('#accordion').accordion('activate', 0);//close the home accordion 

Pour un exemple de travail, voir ici: http://jsfiddle.net/ryleyb/mywfV/

Answer 2

Vous pourriez lier un gestionnaire d'événements à l'événement change de l'accordéon: http://jqueryui.com/demos/accordion/#event-change. Quand il se déclenche, vérifiez l'en-tête Home et si c'est l'en-tête sélectionné, fermez-le en utilisant la méthode activate: http://jqueryui.com/demos/accordion/#method-activate