title: jQuery .show working but not .hide when using slideToggle
body: <p>I am using jQuery for multiple toggling menus on my site. However, if I change it's initial loading from .show to .hide it will not work.</p>
  
  <p>My js file is:</p>
  
  <pre><code>jQuery(document).ready(function($) {
  $('div ul.menu').hide();
  $('h2.trigger').click(function() {
  $(this).toggleClass("active").next().slideToggle('slow');
  return false;
  });
  });
  </code></pre>
  
  <p>And my html for my multiple menus is like so:</p>
  
  <pre><code>&lt;aside class="widget"&gt;
  &lt;h2 class="trigger"&gt;Portfolio&lt;/h2&gt;
  &lt;div&gt;
  &lt;ul class="menu"&gt;
  &lt;li&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/aside&gt;
  
  &lt;aside class="widget"&gt;
  &lt;h2 class="trigger"&gt;Portfolio&lt;/h2&gt;
  &lt;div&gt;
  &lt;ul class="menu"&gt;
  &lt;li&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/aside&gt;
  
  &lt;aside class="widget"&gt;
  &lt;h2 class="trigger"&gt;Portfolio&lt;/h2&gt;
  &lt;div&gt;
  &lt;ul class="menu"&gt;
  &lt;li&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/aside&gt;
  </code></pre>
  
  <p>Any ideas why this will not work?</p>