title: How to show in jQuery the active div in <ul> after toggle?
body: <p>I have a nested  menu with content divs that toggle onclick. By default, when a page loads, the menu shows with all Content divs hidden. I am trying to show when the page loads (without any clicks) the Content div that is active (class="active"). 
  This is my HTML: </p>
  
  <pre><code>&lt;ul&gt; 
   &lt;li&gt;&lt;h3 class="toggle_action"&gt; Mailing Lists&lt;/h3&gt;  // toggle trigger
    &lt;ul class="div_toggle"&gt;  // the content div
     &lt;li&gt;&lt;h3 class="toggle_action"&gt;&lt;a href="/list" class="active"&gt;Overview&lt;/a&gt;&lt;/h3&gt;&lt;/li&gt;
     &lt;li&gt;...another link...&lt;/li&gt;
    &lt;/ul&gt;
   &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>This is my jQuery:</p>
  
  <pre><code>(function ($) {
     $(document).ready(function() {
          $(".div_toggle").slideUp();
          $(".active").Show();
          $(".toggle_action").click(function(){
              $(this).next(".div_toggle").slideToggle("slow");
          });         
      });    
    })(jQuery);
  </code></pre>
  
  <p>I've searched for hours but can only find code that shows/hide onclick, and I must be missing something to do this on page load only. Please help point me in right direction!</p>