title: Animate view sliding out of another view, pushing views below out of the way
body: <p>I have a list of buttons. When I press a button, a View should slide in a downwards motion out of the button, like this:</p>
  
  <p>Start:<br>
  <img src="https://i.stack.imgur.com/2xreZ.png" alt="enter image description here"></p>
  
  <p>Halfway:<br>
  <img src="https://i.stack.imgur.com/bViRT.png" alt="enter image description here"> </p>
  
  <p>End:<br>
  <img src="https://i.stack.imgur.com/4RtBt.png" alt="enter image description here"></p>
  
  <p>How would I go about this? The View that should slide out is bigger than the button, so first hiding the View behind the button and then sliding it downwards causes the View to be visible above the button. That should not happen.</p>
  
  <p>Any ideas or examples on how to approach this?</p>