Выдвижное меню

@Moze · Регистрация: 02.06.2015

Студворк — интернет-сервис помощи студентам

Здравствуйте, каким образом можно "раздвинуть" страничку при нажатии на некую кнопку?

Пример:

После клика:

Было бы замечательно, если это бы разворачивалось через анимацию

Заранее благодарен :3

@Moze · 10.12.2015, 23:34 **[ТС]**

@CyberGeniuz · 11.12.2015, 05:03

HTML5

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<style>
body{
height:1000px;
 
}
#slide_div {
background-color:red;
height:300px;
width:100%;
display:none;
}
</style>
<script>
$(document).on('click', '#button', function(){
$("#slide_div").toggle('slow');
 });
</script>
</head>
<body>
<div id="slide_div"></div>
<a id="button">Нажми меня</a>
</body>
</html>

@Анар · 11.12.2015, 06:22

Moze, или на чистом css http://jsfiddle.net/anarmus/ga3862x2/2/ далее оформляйте как хотите.

Выдвижное меню

Решение

Решение

@Moze 10 / 10 / 4 Регистрация: 02.06.2015 Сообщений: 92
		1
	Выдвижное меню 10.12.2015, 22:13. Показов 1401. Ответов 3 Метки нет (Все метки) Здравствуйте, каким образом можно "раздвинуть" страничку при нажатии на некую кнопку? Пример: После клика: Было бы замечательно, если это бы разворачивалось через анимацию Заранее благодарен :3 0

@Moze 10 / 10 / 4 Регистрация: 02.06.2015 Сообщений: 92
	10.12.2015, 23:34 [ТС]	2
	0

@Анар 225 / 216 / 89 Регистрация: 12.09.2015 Сообщений: 986
	11.12.2015, 06:22	4
	Сообщение было отмечено Moze как решение Решение Moze, или на чистом css http://jsfiddle.net/anarmus/ga3862x2/2/ далее оформляйте как хотите. 1

Опции темы