title: jQuery slideUp / slideDown not animating
body: <p>I'm trying to create two div's with a header and a content, and when I click the header, the content is supposed to slide up to hide itself.</p>
  
  <p>You can find my code on <a href="http://jsfiddle.net/q5hLsbuy/3/" rel="noreferrer">JSFiddle</a>.</p>
  
  <p>My HTML :</p>
  
  <pre><code>&lt;div id="left-content"&gt;
      &lt;div class="news-block"&gt;
          &lt;div class="block-head"&gt;News membres&lt;/div&gt;
          &lt;div class="block-content"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="news-block"&gt;
          &lt;div class="block-head"&gt;News premium &amp; VIP&lt;/div&gt;
          &lt;div class="block-content"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And my JavaScript :</p>
  
  <pre><code>jQuery(document).ready(function($){
      $('div.news-block').on('click', '.block-head', function(){
          var content = $(this).parent().find('div.block-content');
          if (content.is(':visible'))
              content.slideUp("slow");
          else
              content.slideDown("slow");
      });
  });
  </code></pre>
  
  <p>I red some posts saying that you can't use slideUp() on tbody for exemple, or on a floating div, but as you can see, my "content" div is not floating, and that's why I don't get why it's not working.</p>
  
  <p>Do you have any idea ?</p>
  
  <p>Thanks.</p>