Hide particular div onload and then show div after click

Question

I have two divs div1 and div2. I want div2 to be automatically hidden but when i click on preview div then div2 to be mad

Answer 1

Make sure to watch your selectors. You appear to have forgotten the # for div2. Additionally, you can toggle the visibility of many elements at once with .toggle():

// Short-form of `document.ready`
$(function(){
    $("#div2").hide();
    $("#preview").on("click", function(){
        $("#div1, #div2").toggle();
    });
});

Demo: http://jsfiddle.net/dJg8N/