Форум

SpaceAlarm · #1 (**permalink**) 22.03.2018, 22:11

Добрый вечер, нужно с jquery перевести в javascript код

$('.list-post').click(function(){
	if ($('.post').css("display") == "block") {
		$('.post').slideUp(500);
	} else {
		$('.post').slideDown(500);
	}
})

ksa · #2 (**permalink**) 23.03.2018, 09:18

Сообщение от SpaceAlarm

.slideUp(500)
.slideDown(500)

Это анимация...
Все обращения к классам - циклы...

У нас есть раздел "Работа".

Определись с бюджетом, огласи цифру. Может и желающие найдутся...

j0hnik · #3 (**permalink**) 23.03.2018, 11:01

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<button class="list-post">Hello World!</button>
	<div class="post">Hello World!</div>
	<script>

		var x = document.querySelector('.post'),
		n = getComputedStyle(x).height;
		x.style.maxHeight = n;
		x.style.transition = '1s';
		x.style.overflow = 'hidden';
		document.querySelector('.list-post').onclick = function(){ 
			x.style.maxHeight = x.style.maxHeight!== '0px'?'0px':n;
		};

	</script>
</body>
</html>

SpaceAlarm · #4 (**permalink**) 23.03.2018, 20:31

Сообщение от j0hnik

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<button class="list-post">Hello World!</button>
	<div class="post">Hello World!</div>
	<script>

		var x = document.querySelector('.post'),
		n = getComputedStyle(x).height;
		x.style.maxHeight = n;
		x.style.transition = '1s';
		x.style.overflow = 'hidden';
		document.querySelector('.list-post').onclick = function(){ 
			x.style.maxHeight = x.style.maxHeight!== '0px'?'0px':n;
		};

	</script>
</body>
</html>

Спасибо!

Форум

Справочник

Discord чат

Курсы javascript