Slide Up/Down. How can I do this?

Slide Up/Down. How can I do this?

Hello,

I have the following HTML structure:

  1. <div class="Pane">
       <h2>Articles</h2>
        <div class="View">
            Some Content
        </div>
      </div>
I want to hide/show (with a slide up/down) the div View when the h2 header is clicked.
And I would like to apply this to all div's in the document with CSS class "Pane".

Would even be possible to change the color of the h2 when the mouse is over?

How can I do this?

Thank You,
Miguel