title: jQuery make div 200% bigger on click
body: <p>I have a welcome div that on the click of a link inside I wish to expand by double. The problem I have is that the width at start is in percentage of the holding div so 100%, I want to make the div on link click animate expand to 200%, then if clicked link again animate back, here is what I have:</p>
  
  <pre><code>var enlarged = false;
  
  $('.welcome a.expand').click(function(e) {
      e.preventDefault();
      $('.welcome').stop(true, false).animate({
          width: enlarged ? 100 : 200,  // Original width is 100%
          height: enlarged ? 355 : 455, // Original height is 355px
      }, 200);
  
      enlarged = !enlarged;
  });
  </code></pre>
  
  <p>I understand that jQuery is using the figures I have given as px based so the 100 and 200 in the width setting I need to be % based.</p>
  
  <p>I also have additional paragraphs of text that i want to show once the div has expanded so a delay in this, then of course I would need to remove the paragraphs first when closing and have a delay on returning the div to normal width and height.</p>
  
  <p>Can anyone point me in the right direction please.</p>
  
  <p>Many thanks</p>