hide div when page load

Question

I have jquery issue, Kindly see my jquery code:

$(document).ready(function(){

    $(\".toggle_container\").show();

    $(\"h2.trigger\").toggle(function(){         


        

Answer 1

You can just add attribute

style="display:none"

to your element .toggle_container.

Then on first call of $(document).ready it will be shown.

The full test example:

  
  


  
Toggle
  
Container

Note: there`s no $(".toggle_container").show(); on $(document).ready