title: jQuery - Change height of Div on button click
body: <p>I've searched this site for awhile and can't find a solution to my problem. Basically I have an unordered list jQuery drop down menu inside a Div and the menu which is being pulled dynamically can be too long for the page so I want to limit the width of the div so the menu is forced to a second line.</p>
  
  <p>All I need the jQuery to do is animate the size of the div from 36px to 72px when a View More button is clicked.</p>
  
  <p>Just a basic example:</p>
  
  <pre><code>&lt;a href="#" id="button"&gt;View More&lt;/a&gt;
  
  &lt;div class="container"&gt;
    &lt;ul id="nav"&gt;
      &lt;li&gt;Option 1
       &lt;ul&gt;&lt;li&gt;Sub Option 1&lt;/li&gt;&lt;/ul&gt;
      &lt;/li&gt;
  </code></pre>
  
  <p>and so on.</p>
  
  <p>Any help would be greatly appreciated.</p>
  
  <p>Thanks.</p>