title: jQuery .slideToggle() hidden by default
body: <p>I'm using <code>.slideToggle()</code>. I want to hide the element by default so I can slide them down on click.</p>
  
  <p>I have that HTML code</p>
  
  <pre><code>&lt;table&gt;
    &lt;tr class="master"&gt;
      &lt;td class="entry"&gt;Hello&lt;/td&gt;
      &lt;td class="entry"&gt;Kitty&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td class="entry"&gt;Hello 1&lt;/td&gt;
      &lt;td class="entry"&gt;Kitty 1&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td class="entry"&gt;Hello 2&lt;/td&gt;
      &lt;td class="entry"&gt;Kitty 2&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr class="master"&gt;
      &lt;td class="entry"&gt;Hello&lt;/td&gt;
      &lt;td class="entry"&gt;Kitty&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td class="entry"&gt;Hello 1&lt;/td&gt;
      &lt;td class="entry"&gt;Kitty 1&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td class="entry"&gt;Hello 2&lt;/td&gt;
      &lt;td class="entry"&gt;Kitty 2&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>This is the jQuery</p>
  
  <pre><code>$(document).ready(function() {    
    $('.entry').hide(); // I also tried .slideUp
    $('.master').click(function() {
    $(this).nextUntil('tr.master').slideToggle(100, function() {
  });});});
  </code></pre>
  
  <p>If I try to hide the entry class with <code>.hide()</code> or <code>.slideUp</code> I can't display it using <code>.slideToggle</code></p>
  
  <p>Any suggestions?</p>