title: Animate only a part of an element
body: <p>how can I animate only a part of an element?</p>
  
  <p>I show/hide a div using jquery-ui's <code>show</code> method but I'd like to start/end the animation from/to a given height of the element.</p>
  
  <p>My dev website can be seen here (link removed). When clicking on the 'Contact' button the contact page shows up or hides if it's already open. Since I couldn't find how to starts my animation from a given height I added a fixed button when it's closed, but when the contact button of the contact page overlaps the fixed button when it's closing...</p>
  
  <p>Any help welcome!</p>