title: Jquery (tab system) calculate height and add height to a div
body: <p>I have a tab system (jQuery) with three tabs inside that are differtent in length. Next to this tab, I have a column with a div inside it. I would like if you click on the tab 2 that the div in the column scales in height and when you click tab 1 he scales back.</p>
  
  <p>What I have:</p>
  
  <pre><code>$(".multidomain a").click(function() {
      $(".main-vervolg.right .left .domain").animate({ height: '317px'}, 400).css('overflow-y','scroll');
  });
  
  $(".signledomain a").click(function() {
      $(".main-vervolg.right .left .domain").animate({ height: '247px'}, 650).css('overflow-y','scroll');
  });
  
  $(".domeinnaam a").click(function() {
      $(".main-vervolg.right .left .domain").animate({ height: '924px'}, 650).css('overflow-y','scroll');
  });
  </code></pre>
  
  <p>this is operates just perfectly in Chrome but in different browsers sometimes the column div is bigger in height then the tab system. So i need someting that is calculating the tab systems height everytime and then add this height to the column div.</p>
  
  <p>Thnx for the help.</p>