title: hide div when page load
body: <p>I have jquery issue, Kindly see my jquery code:</p>
  
  <pre><code>$(document).ready(function(){
  
      $(".toggle_container").show();
  
      $("h2.trigger").toggle(function(){
              $(this).addClass("active");
              }, function () {
              $(this).removeClass("active");
      });
  
      $("h2.trigger").click(function(){
              $(this).next(".toggle_container").slideToggle("slow,");
      });
  
  });
  </code></pre>
  
  <p>My .toggle_container is shown always its good, But I want to close it first time, when page load. Can you please provide me any solution?
  I dont want to use $(".toggle_container").hide(); function for this problem because when i click on href then .toggle_container should not hide, It should open.</p>
  
  <p>Regards.</p>