title: Expand div on click with smooth animation
body: <p>I am trying to expand a div with speed/smooth animation. 
  Right now div expands with sudden change, my requirement is to give smooth animation while expanding.</p>
  
  <p>Fiddle code:</p>
  
  <p><a href="http://jsfiddle.net/Sharan_thethy/pnjpj3uo/3/" rel="noreferrer">http://jsfiddle.net/Sharan_thethy/pnjpj3uo/3/</a></p>
  
  <pre><code>$('.click1').find('a[href="#"]').on('click', function (e) {
    e.preventDefault();
    this.expand = !this.expand;
    $(this).text(this.expand ? "Hide Content" : "Read More");
    $(this).closest('.click1').find('.smalldesc, .bigdesc').toggleClass('smalldesc bigdesc');
  });
  </code></pre>