title: My jquery menu doesn't want to work properly
body: <p>I'm making a tab menu for school. But i'm struggling with my Jquery. 
  My idea for the menu was to open a tab and let the textblock roll out that works fine but when i want to open a other tab it goes back up right after i press it. because tab1 is the only one that works, i just don't know how to fix it. I would really appreciate if someone could help. The problem is in this block of J-query.</p>
  
  <p>my jsfiddle: <a href="http://jsfiddle.net/6dwvs/embedded/result/" rel="nofollow">http://jsfiddle.net/6dwvs/embedded/result/</a></p>
  
  <pre><code>$('#tab4, #tab3, #tab2,').click(function() {
      $('#tab4, #tab3, #tab2, #tab1').animate({
          height: '100px',
       }, 0, function() {
          // Animation complete.
  
      });
      $('#textblok1,#textblok2,#textblok3,#textblok4').animate({
          height: '0px',
      }, 0, function() {
          // Animation complete.
      });
  });
  });
  </code></pre>