CodePen

HTML

            
              <div class="blah">
<section>
			<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Esse nulla consequuntur doloribus quasi dolores totam neque vel suscipit ullam accusamus dolor ipsam error eveniet atque maxime! Ullam reiciendis provident dignissimos.</p>
</section>
</div>
<button id="show-pay">Animate</button>
            
          
!
via HTML Inspector

CSS

            
              .blah {
  width: 600px;
  background: gray;
  border: 2px solid white;
  display: block;
}

section {
  background: silver;
  margin: 44px;
}

p {
  height: auto;
}
            
          
!
? ?
?
Must be a valid URL.
via CSS Lint

JS

            
                  $('#show-pay').click(function(event) {
      event.preventDefault();
      $('section').animate({
        height: "10px"
      }, 1000);
    });

            
          
!
Must be a valid URL.
via JS Hint