The issue with the html was that in my code, I did this: [li]text[/li] [ul] [li]more text[/li] [/ul]
...and the correct code is: [li]text [ul] [li]more text[/li] [/ul] [/li] On Sep 14, 5:14 am, "Erik Beeson" <[EMAIL PROTECTED]> wrote: > Seems to work for me: > > http://erikandcolleen.com/erik/projects/jquery/nestedul/ > > Maybe there's a problem with your HTML? > > --Erik > > On 9/13/07, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote: > > > > > Is there an issue with FF understanding css child selectors? I > > wouldn't think so, but I'm having an issue. > > > I'm trying to hide/reveal nested ULs based on which LI's child img is > > clicked. This code works in IE6, but not FF2. > > > In FF: I've determined that the hide() is working, the alert() is > > working, and the img.src replacement is working - but the slideToggle > > on the nested UL is not. > > > $(document).ready(function() { > > $("#div1").find("ul:gt(0)").hide().end().find("ul:first > li > > > img").click(function() { > > alert(this.id); > > $(this).parent("li").children("ul:first").slideToggle(); > > if (this.src.search(/plus/)>0) { > > $(this).attr("src", "minus.gif"); > > } else { > > $(this).attr("src", "plus.gif"); > > } > > return false; > > }); > > }); > > > Thank you for any information!
