On Jun 4, 6:55 pm, Jeff <squirrel.lor...@gmail.com> wrote: > I'm not certain if you can truly consider this a bug but I thought I'd > post it anyway. I learned that some of the built-in effects don't > work properly when non-floated parent contains floated children. > Specifically, slideUp, fadeOut, and toggle do nothing in this case. > I've also noticed that using fadeIn BEFORE any of these effects fixes > the problem.
This is more to do with the way CSS works than a jQuery bug specifically. By default, a non-floated element won't expand to enclose it's floated children. If the parent element contains only the floated child it's already 0px tall, so slideUp() won't have any visible effect. To work around this, you need to make it "clear" any internal floats (i.e. floated child elements). One way is to float the parent element. Another way is to give it a dimension (height and/or width) and set overflow to auto or hidden. I suspect fadeIn() is triggering this (making it clear it's internal floats). Other effects will then work because the box's height is greater than zero. Does that make sense? Cheers, Olly. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery Development" group. To post to this group, send email to jquery-dev@googlegroups.com To unsubscribe from this group, send email to jquery-dev+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-dev?hl=en -~----------~----~----~----~------~----~------~--~---
