jQuery Akkordeon-Steuerung über leere Abschnitte

Question

Ich habe ein jQuery-Akkordeon, das ich mit der ui-Themen styling bin. Meine Frage ist, wie kann ich einen Abschnitt, der keine Unterabschnitte hat und nicht erweitern, wenn Maus-overed? Ich bin mit Mouseover als mein Auslöser.

Zum Beispiel:

Unter der Rubrik Home befindet sich nichts. Ich möchte, dass er zugeklappt bleibt, wenn man mit dem Mauszeiger darüber fährt. Wenn es angeklickt wird, sollte es zum href-Ziel navigieren (was es tut).

Init-Code:

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

Markup (der Kürze halber gekürzt):

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

Die Formatvorlage stammt direkt aus der jQuery Ui Theme Library.

Ich danke Ihnen im Voraus.

Rick