title: expand collapse div with height
body: <p>I have 2 divs that positioned horizontally (<code>float:left; width:50%;</code>). But i want give them <code>height:500px</code> with <code>overflow:hidden</code> and display expand/coolapse button on bottom. How to create it with jquery ?</p>
  
  <pre><code>   &lt;div id="tab-two"&gt;
  
          &lt;ul class="nav"&gt;
              &lt;li class="nav-one"&gt;&lt;a href="#featured" class="current"&gt;last&lt;/a&gt;&lt;/li&gt;
              &lt;li class="nav-two"&gt;&lt;a href="#core"&gt;popular&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
  
          &lt;div class="list-wrap"&gt;
  
              &lt;ul id="tabclick"&gt;
  
                  &lt;li&gt;
              ***content***                       
                              &lt;/li&gt;
               &lt;/ul&gt;
  
           &lt;/div&gt; 
  
       &lt;/div&gt;
   &lt;style&gt;
   #tab-two {
   background: none repeat scroll 0% 0% #FFFFFF;
   border-radius: 4px 4px 4px 4px;
   border-right: 1px solid #CCCCCC;
   margin: 0pt 1% 5px 0pt;
   padding: 1px 0pt 0pt 5px;
   }
   &lt;/style&gt;
  </code></pre>