How to hide elements with jQuery before they get rendered?

Question

I want to generate html layout with areas (divs, spans) that can be shown/hidden conditionally. These areas are hidden by default.

If I call .hide() method with jque

Answer 1

There's absolutely nothing wrong with setting an intial display property of an element, especially if you encapsulate it in a css class.