In order to style my list appropriately I setup the structure of my
accordion as such:
<ul class="mainNav" id="test1">
<li><span><a href="#1" class="parent">PARENT ITEM</a></span>
<ul class="subNav">
<li><span><a href="#1.1">item</a></span></li>
<li><span><a href="#1.2">item</a></span></li>
<li><span><a href="#1.3">item</a></span></li>
<li><span><a href="#1.4">item</a></span></li>
<li><span><a href="#1.5">item</a></span></li>
</ul>
</li>
<li class=""><span><a href="#2" class="parent">PARENT ITEM</
a></span></li>
<li class=""><span><a href="#3" class="parent">PARENT ITEM</
a></span></li>
<li class=""><span><a href="#4" class="parent">PARENT ITEM</
a></span>
<ul class="subNav">
<li><span><a href="#4.1">item</a></span></li>
<li><span><a href="#4.2">item</a></span></li>
<li><span><a href="#4.3">item</a></span></li>
<li><span><a href="#4.4">item</a></span></li>
<li><span><a href="#4.5">item</a></span></li>
</ul>
</li>
<li class=""><span><a href="#5" class="parent">PARENT ITEM</
a></span></li>
</ul>
With the setup jQuery:
$('.sidebar ul.mainNav').accordion({
active: false,
header: '.parent',
navigation: true,
event: 'click',
fillSpace: false,
animated: 'easeslide',
selectedClass: 'active'
});
When I run this in Firefox the accordion is corrupted. I'm pretty sure
because it's not expecting those extra <span> tags around the header
<a>. Sure enough, when I took those <span> tags out the Accordion
worked like a charm.
I looked at the accordion widget code and couldn't come to a simple
conclusion. But it looks like it would take some heavy modification to
get it to render the accordion correctly with the <span> tags. But
perhaps there is a simple setup option I'm missing? Is that the case
or should I try to acheive my styling through some way without using
the <span>s
Thanks....
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
