Ah, got it! Thanks Karl!
On Jun 18, 2:27 am, "Karl Rudd" <[EMAIL PROTECTED]> wrote:
> The selector "ul li" selects _all_ LI elements in all UL elements, and
> puts them in the same "collection". So the collection/array will look
> like this:
>
> <li>alpha</li>, <li>beta</li>, <li>gamma</li>, <li>delta</li>
>
> If you want to deal with each UL element separately then use "each()", like
> so:
>
> $("ul").each( function() {
> // this == a UL element
> $("li:gt(0)", this).hide();
> // etc
> });
>
> Karl Rudd
>
> On Tue, Jun 17, 2008 at 10:51 PM, Panos <[EMAIL PROTECTED]> wrote:
>
> > Using two ul lists:
>
> > <ul>
> > <li>alpha</li>
> > <li>beta</li>
> > </ul>
>
> > <ul>
> > <li>gamma</li>
> > <li>delta</li>
> > </ul>
>
> > In jQuery, I am trying to select all li's *except* the first one:
>
> > $("ul li:gt(0)").hide();
>
> > and then on hover, reveal them:
>
> > $("ul:first-child").hover(
> > function() {
> > $("#preferences ul li:gt(0)").show();
> > },
> > function() {
> > $("#preferences ul li:gt(0)").hide();
> > }
> > );
>
> > The problem is, that the selector "ul li:gt(0)", goes on and hides the
> > second list ('gamma', 'delta').
>
> > As those are two individual lists, I thought that 'gamma' was
> > index[0], and not part of the first list, ie index[2].
>
> > Am I wrong? Is there another way to do this?
