Nope, thats a normal jQuery selector. The :has() pseudoclass was
introduced in 1.2, in favor of the XPath-style, eg. span[.parent].
Jörn
On Fri, Oct 10, 2008 at 4:59 PM, Pring4 <[EMAIL PROTECTED]> wrote:
>
> 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
-~----------~----~----~----~------~----~------~--~---
