Javascript-форум - Моя тупость зашкаливает(2).

Всем привет. Скажите пожалуйста в чём ошибка.
Попытался сделать простое окно с содержимым которые при нажатии на кнопку сползает вверх и появляется то что было под тем содержимым.

<div id="obolochka">
		<div id="telo">
			aslkdjfklsaflksajdflkasjdflksjdfl;ajfl
			alksdjflkjasfdljlasdjf;lajsdfljasf;lj
			alksdjflasjf;lsjdflajdfajsfldjsalfjs
			alksdjfljasfljfsdjaflsajfldjsafdjl;asd
			flkasjflksjfljasfjalskfjl;ajfdl;asjf;laj'
			alfdksjflkjasl;fjasljdflsakjfdlasjdfjlsafj
			ajsdlfkjkalsfjalfkjlasjfljasfljsfdjk
			adsjlkfjasflkjasdl;kjfsaljflsajdflk
			asdfjlasjfdlasdjflasjfdlafjdlsajfl;sajfd
			ajlsdkfjasl;kjdflaksjfdla;skjfdlaskjfdla;
			ajdlsfkjals;kdjflaskjfdlakjfdlsajfalsdjkf
			alsdkfjlasjfdl;asjfdlajksfdlaksjdflja
			adlkfjaksljdfkjasfdlkjasfjlkfdsalkjfslk
			al;ksdjflaksjfdlkjasfdlkajsfdlkjafdlk
			alksdjlkjfdalsjkfdlkajfdlksjafdjlkafdlkj
			alskfdjal;sdfj;asdfjlasjfdladfjlakjsdflajdf
			alsdkfj;afj;asldfjalsdjflajsdflasjfdslj
			alskdfj;adf;lasjdflasdfjalskjdflkasjdflkja
			aslkdjfklsaflksajdflkasjdflksjdfl;ajfl
			alksdjflkjasfdljlasdjf;lajsdfljasf;lj
			alksdjflasjf;lsjdflajdfajsfldjsalfjs
			alksdjfljasfljfsdjaflsajfldjsafdjl;asd
			flkasjflksjfljasfjalskfjl;ajfdl;asjf;laj'
			alfdksjflkjasl;fjasljdflsakjfdlasjdfjlsafj
			ajsdlfkjkalsfjalfkjlasjfljasfljsfdjk
			adsjlkfjasflkjasdl;kjfsaljflsajdflk
			asdfjlasjfdlasdjflasjfdlafjdlsajfl;sajfd
			ajlsdkfjasl;kjdflaksjfdla;skjfdlaskjfdla;
			ajdlsfkjals;kdjflaskjfdlakjfdlsajfalsdjkf
			alsdkfjlasjfdl;asjfdlajksfdlaksjdflja
			adlkfjaksljdfkjasfdlkjasfjlkfdsalkjfslk
			al;ksdjflaksjfdlkjasfdlkajsfdlkjafdlk
			alksdjlkjfdalsjkfdlkajfdlksjafdjlkafdlkj
			alskfdjal;sdfj;asdfjlasjfdladfjlakjsdflajdf
			alsdkfj;afj;asldfjalsdjflajsdflasjfdslj
			alskdfj;adf;lasjdflasdfjalskjdflkasjdflkja
			aslkdjfklsaflksajdflkasjdflksjdfl;ajfl
			alksdjflkjasfdljlasdjf;lajsdfljasf;lj
			alksdjflasjf;lsjdflajdfajsfldjsalfjs
			alksdjfljasfljfsdjaflsajfldjsafdjl;asd
			flkasjflksjfljasfjalskfjl;ajfdl;asjf;laj'
			alfdksjflkjasl;fjasljdflsakjfdlasjdfjlsafj
			ajsdlfkjkalsfjalfkjlasjfljasfljsfdjk
			adsjlkfjasflkjasdl;kjfsaljflsajdflk
			asdfjlasjfdlasdjflasjfdlafjdlsajfl;sajfd
			ajlsdkfjasl;kjdflaksjfdla;skjfdlaskjfdla;
			ajdlsfkjals;kdjflaskjfdlakjfdlsajfalsdjkf
			alsdkfjlasjfdl;asjfdlajksfdlaksjdflja
			adlkfjaksljdfkjasfdlkjasfjlkfdsalkjfslk
			al;ksdjflaksjfdlkjasfdlkajsfdlkjafdlk
			alksdjlkjfdalsjkfdlkajfdlksjafdjlkafdlkj
			alskfdjal;sdfj;asdfjlasjfdladfjlakjsdflajdf
			alsdkfj;afj;asldfjalsdjflajsdflasjfdslj
			alskdfj;adf;lasjdflasdfjalskjdflkasjdflkja
		</div>
		<div id="knopka">
			<input type="button" value="knopka">
		</div>
	</div>

Код:

#obolochka {

        margin: 300px auto 0 auto;

        border: 2px solid black;

        width: 500px;

        height: 350px; 

}



#telo {

        position: absolute;

        width: 500px;

        height: 300px;

        overflow: hidden;

        outline: 2px solid red;

}



#knopka {

        bottom: 0px;

        height: 50px;

        width: 50px;

        margin: 300px auto 0 auto;

}

$("#knopka").click(function() {
	$("#telo").animate({"top":"+=100px"},500);
})

И еще один вопрос какой правильный синтаксис метода animate
так:
.animate({"top":"+=100px"},500);
или:
.animate({top:+=100px"},500);

<!DOCTYPE HTML> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <style type="text/css"> #obolochka { position: relative; margin: 0px auto; border: 2px solid black; width: 500px; height: 350px; overflow: hidden; } #telo { position: absolute; width: 500px; height: 300px; overflow: hidden; outline: 2px solid red; top:0px; background: rgba(255, 255, 255, 1); } #knopka { bottom: 0px; height: 50px; width: 50px; margin: 300px auto; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script> $(function() { $("#knopka").click(function() { $("#telo").animate({"top": "-=300"}, 500); } ) } ); </script> </head> <body> <div id="obolochka"> <div id="telo"> aslkdjfklsaflksajdflkasjdflksjdfl;ajfl alksdjflkjasfdljlasdjf;lajsdfljasf;lj alksdjflasjf;lsjdflajdfajsfldjsalfjs alksdjfljasfljfsdjaflsajfldjsafdjl;asd flkasjflksjfljasfjalskfjl;ajfdl;asjf;laj' alfdksjflkjasl;fjasljdflsakjfdlasjdfjlsafj ajsdlfkjkalsfjalfkjlasjfljasfljsfdjk adsjlkfjasflkjasdl;kjfsaljflsajdflk asdfjlasjfdlasdjflasjfdlafjdlsajfl;sajfd ajlsdkfjasl;kjdflaksjfdla;skjfdlaskjfdla; ajdlsfkjals;kdjflaskjfdlakjfdlsajfalsdjkf alsdkfjlasjfdl;asjfdlajksfdlaksjdflja adlkfjaksljdfkjasfdlkjasfjlkfdsalkjfslk al;ksdjflaksjfdlkjasfdlkajsfdlkjafdlk alksdjlkjfdalsjkfdlkajfdlksjafdjlkafdlkj alskfdjal;sdfj;asdfjlasjfdladfjlakjsdflajdf alsdkfj;afj;asldfjalsdjflajsdflasjfdslj alskdfj;adf;lasjdflasdfjalskjdflkasjdflkja aslkdjfklsaflksajdflkasjdflksjdfl;ajfl alksdjflkjasfdljlasdjf;lajsdfljasf;lj alksdjflasjf;lsjdflajdfajsfldjsalfjs alksdjfljasfljfsdjaflsajfldjsafdjl;asd flkasjflksjfljasfjalskfjl;ajfdl;asjf;laj' alfdksjflkjasl;fjasljdflsakjfdlasjdfjlsafj ajsdlfkjkalsfjalfkjlasjfljasfljsfdjk adsjlkfjasflkjasdl;kjfsaljflsajdflk asdfjlasjfdlasdjflasjfdlafjdlsajfl;sajfd ajlsdkfjasl;kjdflaksjfdla;skjfdlaskjfdla; ajdlsfkjals;kdjflaskjfdlakjfdlsajfalsdjkf alsdkfjlasjfdl;asjfdlajksfdlaksjdflja adlkfjaksljdfkjasfdlkjasfjlkfdsalkjfslk al;ksdjflaksjfdlkjasfdlkajsfdlkjafdlk alksdjlkjfdalsjkfdlkajfdlksjafdjlkafdlkj alskfdjal;sdfj;asdfjlasjfdladfjlakjsdflajdf alsdkfj;afj;asldfjalsdjflajsdflasjfdslj alskdfj;adf;lasjdflasdfjalskjdflkasjdflkja aslkdjfklsaflksajdflkasjdflksjdfl;ajfl alksdjflkjasfdljlasdjf;lajsdfljasf;lj alksdjflasjf;lsjdflajdfajsfldjsalfjs alksdjfljasfljfsdjaflsajfldjsafdjl;asd flkasjflksjfljasfjalskfjl;ajfdl;asjf;laj' alfdksjflkjasl;fjasljdflsakjfdlasjdfjlsafj ajsdlfkjkalsfjalfkjlasjfljasfljsfdjk adsjlkfjasflkjasdl;kjfsaljflsajdflk asdfjlasjfdlasdjflasjfdlafjdlsajfl;sajfd ajlsdkfjasl;kjdflaksjfdla;skjfdlaskjfdla; ajdlsfkjals;kdjflaskjfdlakjfdlsajfalsdjkf alsdkfjlasjfdl;asjfdlajksfdlaksjdflja adlkfjaksljdfkjasfdlkjasfjlkfdsalkjfslk al;ksdjflaksjfdlkjasfdlkajsfdlkjafdlk alksdjlkjfdalsjkfdlkajfdlksjafdjlkafdlkj alskfdjal;sdfj;asdfjlasjfdladfjlakjsdflajdf alsdkfj;afj;asldfjalsdjflajsdflasjfdslj alskdfj;adf;lasjdflasdfjalskjdflkasjdflkja </div>фигня всякая <div id="knopka"> <input type="button" value="knopka"> </div> </div> </body> </html>