title: WPF Hide top Panel Layout
body: <p>I'm new to WPF and I'm having trouble understanding all the panels and grids and how they work together to build the desired layout. I am trying to build a window where the top section (panel) has a bunch of controls and the panel has a hide button. When the user clicks on "hide" the top portion slides up and the bottom portion expands to take its place. What combination of panels can I use to produce this type of layout? Is there an example of this somewhere that I haven't found yet? </p>
  
  <p><img src="https://i.stack.imgur.com/XhhWy.jpg" alt="Sample Layout"></p>