title: Div Expand on click JQuery
body: <p>I have a div tag :</p>
  
  <pre><code>&lt;div id="tier1" class="tier1" &gt;
      &lt;a href="#" class="view"&gt;View All&lt;/a&gt;
      &lt;/div&gt;
  
  
  .tier1 {
      border-bottom: 1px solid #cccccc; 
      min-height: initial; 
      max-height: 245px; 
      padding: 0 0 8px;
  }
  </code></pre>
  
  <p>And I want to expand this div beyond <code>max-height</code> whenever I click on <code>"View All"</code></p>
  
  <p>I am using this script : </p>
  
  <pre><code>&lt;script&gt;
                              $(document).ready(function () {
  
  
                                  $('.view').click(function () {
  
                                      $('#tier1').animate(function () {
                                        height : 510 ;
                                      }, 1000);
                                  });
                              });
  
                         &lt;/script&gt;
  </code></pre>
  
  <p>But this expands till only max-height . I even tried setting maxHeight property in Script But then script didn't work at all. </p>