OK, well I've just started using JS frameworks, and I really like what Scriptaculous can do. The only gripe I have with it is some of the effects require in-line styling (something which I would like to avoid).

For example:
Code:
HTML:
<div id="tobeblinded"></div>

CSS:
#tobeblinded { display: block; }

JS:
Effect.BlindDown('tobeblinded');

the Effect.BlindDown function requires the element to be of display: block; in your CSS definition file. However, if I want an element to be hidden when the page is loaded, the function won't work properly unless you do something like this:
<div id="tobeblinded" style="display: hidden;"></div>
It may just be me, but I dislike seeing messy divs like that. Is there any alternative?

What I originally had was the div hidden in the CSS definition, but when I tried using the blinddown effect, it was non-functional.