Thanks Jörn, that worked great!
Is that selector specific to the accordion? I haven't seen that kind
of syntax before.
On Oct 7, 9:02 am, "Jörn Zaefferer" <[EMAIL PROTECTED]>
wrote:
> 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
> >accordionas 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 theaccordionis 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 theAccordion
> > worked like a charm.
>
> > I looked at theaccordionwidget code and couldn't come to a simple
> > conclusion. But it looks like it would take some heavy modification to
> > get it to render theaccordioncorrectly 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
-~----------~----~----~----~------~----~------~--~---
