title: javascript or jquery, Click on a link and expand a div
body: <p>I have been looking a js/jquery solution on the net and stackoverflow for a div that has a set height (example 20px;) and after the user clicks [read more] it opens to a height of auto or 150px; (full content)</p>
  
  <p>Example:</p>
  
  <pre><code>&lt;style&gt;
  .small  {height: 20px;}
  .big    {height: auto;}
  &lt;/style&gt;
  
  
  &lt;div class="small"&gt;
      &lt;p&gt;Lorenter code hereem ipsum dolor sit amet, consectetur adipisicing elit, sed do
      eiusmod tempor incididunt ut labore et dolore magna aliqua.
      Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
      nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet,
      consectetur adipisicing elit, sed do eiusmod tempor incididunt
      ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
      nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
      consequat.&lt;/p&gt;
      &lt;a href="#"&gt;Click to read more&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thanks for the help.</p>
  
  <p>EDIT:  Ive tried this:</p>
  
  <p>In the href:  onclick="javascript:toggleContent(this, true);"</p>
  
  <p>Along with this:</p>
  
  <pre><code>&lt;script type='text/javascript'&gt;
  $(window).load(function(){
  comment_reply = function (id){
  
     var e = $(id);
     e.toggle();
  }
  }); 
  &lt;/script&gt;
  </code></pre>
  
  <p>The problem with that is the div expands on click rather than an [a href]  I hope thats clear.</p>