title: Increase Div height when checkmark is checked
body: <p>I currently have a fadein/out of a hidden div when a checkmark is checked. I would like to also increase the appropriate div height as well and then remove the same height after the check mark is unchecked. This some snippets of my current code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $('.checkTax').change(function() {
  if ($(this).attr("checked")) {
      $('.prorateTax').fadeIn();
      return;
  }
  $('.prorateTax').fadeOut();
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>The div whos height needs to be adjusted is: <code>.article.prorate</code> . I've tried a few suggestions online and so far nothing is working. If other information is needed to provide a adequate response please let me know.</p>
  
  <p>Edit:
  After the various answers I modified the code according to a couple of suggestions and ended up with (which worked perfectly):</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $('.checkTax').change(function() {
  if ($(this).attr("checked")) {
      $('.prorateTax').fadeIn();
      $('article.prorate').css( "height", "+=100px" );
  }
  else
  {
      $('.prorateTax').fadeOut();
      $('article.prorate').css( "height", "-=100px" );
  }
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>I appreciate everyones help and if I could select more than one green checkmark, I would. Several suggestions given would have worked. I cannot also upvote/downvote as I do not have enough reputation.</p>