[jQuery] Trying to use UI accordion to create menu with event: click but still enable links on child link items

[jQuery] Trying to use UI accordion to create menu with event: click but still enable links on child link items


I did also post this in the UI group...
I have a simple two-level menu utilizing the accordion and want to
change from event:mouseover to click as the trigger to open the
drawers. The problem Im having is that this change converts ALL links
in the menu, even children, to return:false and all links are
disabled. I understand that the main level links cannot do 2 things,
but can re-enable the children links? I investigated the navigation
option and navigationFilter but cant make sense of it- is this how I
would configure a filter to re-activate the secondary list links?
script looks like this currently:
$('ul#productsNav').accordion({
fillSpace: false,
animated: 'easeslide',
header: 'a.head',
autoheight: true,
event: 'click'
}).activate(0);
and markup looks like this:
<ul id="productsNav">
<li class="page_item"><a href="radiance-solar-
screen-shades"
title="Radiance Solar Screen Shades">Radiance Solar Screen Shades</a>
<ul>
<li class="page_item"><a href="hardware"
title="Hardware">Hardware</
a></li>
<li class="page_item"><a href="operator-options"
title="Operator
Options">Operator Options</a></li>
<li class="page_item"><a href="fabric-options" title="Fabric
Options">Fabric Options</a></li>
<li class="page_item"><a href="shades-of-green-eco-friendly-
solutions" title="Shades of Green Eco-friendly Solutions">Shades of
Green Eco-friendly Solutions</a></li>
<li class="page_item"><a href="photo-galleries" title="Photo
Galleries">Photo Galleries</a></li>
<li class="page_item"><a href="pdf-brochure" title="PDF
Brochure">PDF
Brochure</a></li>
</ul>
</li>
<li class="page_item"><a href="radiance-av-blackout-dual-shades"
title="Radiance AV Blackout &amp; Dual Shades">Radiance AV Blackout
&#038; Dual Shades</a>
<ul>
<li class="page_item"><a href="hardware"
title="Hardware">Hardware</
a></li>
<li class="page_item"><a href="operator-options"
title="Operator
Options">Operator Options</a></li>
<li class="page_item"><a href="fabric-options" title="Fabric
Options">Fabric Options</a></li>
<li class="page_item"><a href="shades-of-green-eco-friendly-
solutions" title="Shades of Green Eco-friendly Solutions">Shades of
Green Eco-friendly Solutions</a></li>
<li class="page_item"><a href="photo-galleries" title="Photo
Galleries">Photo Galleries</a></li>
<li class="page_item"><a href="pdf-brochure" title="PDF
Brochure">PDF
Brochure</a></li>
</ul>
</li>
</ul>
Could someone take a look and let me know how to tell the accordion
to
allow the 2nd level links to follow the link on click?
Thanks in advance!
-Adam