Or in case there are even more levels
$(this).children('ul')
- Richard
On Thu, Nov 6, 2008 at 9:04 AM, Rik Lomas <[EMAIL PROTECTED]> wrote:
>
> Hi,
>
> The <ul> is inside the <li>, not the next element, so you can do
> $(this).find('ul') to select it
>
> Rik
>
> 2008/11/6 suntrop <[EMAIL PROTECTED]>:
> >
> > Hi. I want to collapse my navigation. But I can't select the nested
> > <ul> inside a <li>
> > The markup:
> > <ul id="navigation">
> > <li>Fruits
> > <ul>
> > <li>Apples</li>
> > <li>Bananas</li>
> > <li>Strawberries</li>
> > </ul>
> > </li>
> > <li>Vegetables
> > <ul>
> > <li>Tomatoes</li>
> > <li>Peas</li>
> > </ul>
> > </li>
> >
> > This is what I tried to do:
> > $('#navigation li').click(function() {
> > $(this).next().slideToggle("fast");
> > });
> >
> > But this code doesn't collapse the nested ul but the next li. When I
> > click Fruits it'll toggle Vegetables.
> > How can I select just the ul inside the li? When I click Fruits it
> > should toggle the ul with Apples, Bananas ...
> >
> > This one won't work either:
> > $('#navigation li').click(function() {
> > $(this ' ul').slideToggle("fast");
> > });
> > or this:
> > $('#navigation li').click(function() {
> > $(this).child().slideToggle("fast");
> > });
> >
> > Hope somebody can help. Thanks!
>
>
>
> --
> Rik Lomas
> http://rikrikrik.com
>
