> > With just css, you get that hard "on" or "off" transition with show/hide. > > I'm looking for a way to do a nicer show/hide transition. > > You end up having to write JavaScript code with timers > (window.setInterval), but sure. Set the height of the element to 0 > and then grow it gradually up to whatever the desired height is...
It is done with the YUI animation library: http://developer.yahoo.com/yui/animation/ I've written a free chapter of my book covering that: http://yuiblog.com/blog/2006/06/27/heilmann-excerpt/ Example:http://beginningjavascript.com/Chapter11/exampleBouncyHeadlines.html As to CSS only solutions: Don't. http://wait-till-i.com/index.php?p=327 HTH CHris -- Chris Heilmann Book: http://www.beginningjavascript.com Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/