title: How to hide a div on document ready, and then call it dynamically from Javascript?
body: <p>I'm using this code to hide a div container where I'm placing text dynamically.</p>
  
  <pre><code>$(document).ready(function(){
       $(".slidingDiv").hide(); 
       $(".show_hide").show();
  
       $('.show_hide').click(function(){
           $(".slidingDiv").slideToggle();
       });
   });
  </code></pre>
  
  <p>The problem I have is that I want to trigger the show <code>div</code> from a javascript function instead of a predefined click event. I've found this example which mateches the function I want, but I'm not sure how to trigger it from javascript instead of a click function.</p>
  
  <p><a href="http://jsfiddle.net/z9BXm/" rel="noreferrer">JSFiddle Here</a></p>