Initially hiding a div for later display

Question

My web page is like the following:

TEXT, FORMS, and STUFF




        
      

Answer 1

Why not use jQuery show and hide?

Hide the elements you want to hide (duh) on page load with CSS:

#id1, #id2, .. {
    display: none;
} 

Or you can hide it with Javacript:

$('#id1, #id2, ..').hide();

Show or hide them by using:

$('#btn2').click(function() {
    $('#id1, #id3').hide();
    $('#id2').show();
});