Initially hiding a div for later display

Question

My web page is like the following:

TEXT, FORMS, and STUFF




        
      

Answer 1

Its best not to add display logic into your mark up a better way to do this would be

.hidden{ display:none;}

.

TEXT, FORMS, and STUFF



TEXT, FORMS, and STUFF



TEXT, FORMS, and STUFF

.

$(".stuff").click(function () {
    $(".stuff").addClass('hidden');
    $(this).removeClass('hidden');

});

Hope that helps if your still having rendering issues then maby try

.hidden{ visibility:hidden; }
.stuff{display:block;}