Try this:
header: "span:has(.parent)"
Headers have to be siblings of the content elements. Your .parent
anchors don't match that anymore.
Jörn
On Mon, Oct 6, 2008 at 10:21 PM, Pring4 <[EMAIL PROTECTED]> wrote:
>
> 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
-~----------~----~----~----~------~----~------~--~---
