Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Jquery -> javascript (https://javascript.ru/forum/misc/73126-jquery-javascript.html)

SpaceAlarm 22.03.2018 22:11
Jquery -> javascript
 
Добрый вечер, нужно с jquery перевести в javascript код 

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

ksa 23.03.2018 09:18
Цитата:
Сообщение от SpaceAlarm 
.slideUp(500)
.slideDown(500)
Это анимация...
Все обращения к классам - циклы...

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

j0hnik 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 23.03.2018 20:31
Цитата:
Сообщение от j0hnik (Сообщение 481281) 
<!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>
Спасибо!


Часовой пояс GMT +3, время: 19:56.