I try to make slide up and slide down divs at one time.

I want the first div slide down an the hidden next div slide up

I would like to make these elements overlap when animated

jQuery

1. $(document).ready(function() {
2.     $('.plus').click(function() {
3.         $('header h1').animate({
4.             'margin-top': '999px',
5.             opacity: 'toggle'
6.         },
7.         1500);
8.         $('header h2').animate({
9.             'margin-top': '0px',
10.             opacity: 'show'
11.         },
12.         1200);
13.     });
14.     $('.minus').click(function() {
15.         $('header h2').hide('slow');
16.         $('header h1').show('slow');
17.     });
18. });