[jQuery] Firefox not working with css child selectors (?!?)
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!