In a comment on Gabrielle's blog posting a couple weeks ago about whether or not animation belongs in CSS, I came up with a use case for CSS dropdown menus. Basically, my idea was that you might want to make your menu drop down with a wipe.
I finally got around to playing with that idea this weekend, and I'm discovering that it's not as intuitive as one might like. My original code just used display: none, changed to display: block on hover, which of course can't be transitioned. My new idea, after looking at a couple examples online was to use height instead. Height: 0 expanding to height: auto. I tried it without the transition first, just to make sure it resulted in what I wanted. This worked fine, so I tried to apply a transition to it. That didn't work. I checked out the spec, and we can only transition length and percentage heights. Auto is out. So, now I ask the list: Is there a way (excluding id-ing every menu heading, and setting a fixed height for each one) to transition a variable height dropdown? (My current play code in on my local machine, so not web accessible. I don't think that's really an issue, since this is mostly a theoretical question, but if people want some base code to play with, I can put it someplace public.) ---Tim ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/