Показать сообщение отдельно
  #1 (permalink)  
Старый 12.08.2014, 02:03
Интересующийся
Отправить личное сообщение для pshcolnyy Посмотреть профиль Найти все сообщения от pshcolnyy
 
Регистрация: 19.04.2014
Сообщений: 25

Моя тупость зашкаливает(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);
Ответить с цитированием