JQuery accordian menu doesn't work if I specify header
<p>So I have a accordion menu in jquery that either the links on the headers don't work, or they do and the accordion function fails.</p>

<pre><code>    $(document).ready(function () {
        $('#main-navi').accordion({
            event: 'click',
            animated: 'bounceslide',
            active: false,
            fillSpace: true,
            header: 'ul',
            navigation: true
        });
    });        
</code></pre>

<p>If I remove the "header" attribute, the links on the menu work, but the accordion fails and vice-versa.  I've tried adding navigationFilter and had zero success. The answers provided to other such challenges fail or the person isn't using the according plugin, but a click event on the element.</p>

<p>...and the html</p>

<pre><code>&lt;ul id="main-navi"&gt;              
 &lt;li&gt;&lt;a href="/index.aspx" title="Home"&gt;Home&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="/grants.aspx" title="Grants"&gt;Grants&lt;/a&gt;
 &lt;ul&gt;
  &lt;li&gt;&lt;a href="/teacher_induction.aspx" title="Teacher Induction"&gt;Teacher Induction&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="/grant_recipients.aspx" title="Grant Recipients"&gt;Grant Recipients&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="/teacher_grants.aspx" title="Teacher Grants"&gt;Teacher Grants&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="/principal_grants.aspx" title="Principal Grants"&gt;Principal Grants&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="/special_grants.aspx" title="Special Grants"&gt;Special grants&lt;/a&gt;&lt;/li&gt;
 &lt;/ul&gt;
 &lt;/li&gt;
 &lt;li&gt;&lt;a href="/scholarships.aspx" title="Scholarships"&gt;Scholarships&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="/about.aspx" title="About"&gt;About the Foundation&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="/contribute.aspx" title="Contribute"&gt;Contribute&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="/inspire.aspx" title="Inspirational Stories"&gt;Inspirational Stories&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="/press.aspx" title="Press Materials"&gt;News Ticker/Press Materials&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="/contact.aspx" title="Contact Us"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>
