Question

This is only very briefly, while the loading of elements and jsp includes occurs. However it is rather annoying.

Any tips to remove this ? To be more specific what is the css equivalent of hide() and show().

Answer 1

Use css to set the initial state of all the elements and only make changes after load with js/jquery. It doesn’t seem like this could be any more inconvenient than coding the logic of formatting elements in js.

You’ll always have this lag if js is used to create the initial state as it seems you’ve figured. Even highly optimised.

I guess the ugly solution would be to have js-snippets inline with html which formats elements as they’re loaded by the browser. Please don’t.

What the css equivalent of hide is dependent how your js shows it later, but generally display:none or visibility:hidden. Element can also be pushed off screen with negative positions as in position:absolute;left:-1000px;