Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Toggle. переключатель стилей на чистом JavaScript (https://javascript.ru/forum/misc/69717-toggle-pereklyuchatel-stilejj-na-chistom-javascript.html)

LLIypuk 14.07.2017 11:40

Toggle. переключатель стилей на чистом JavaScript
 
Всем привет!
Есть два блока.
<div class="close">закрыть</div>
<div class="content">текст</div>

Нужно сделать так, чтобы при клике на <div class="close">закрыть</div> контейнер <div class="content">текст</div> с высотой 300px менял высоту на 50px обратно на 300px при повторном нажатии.
Есть необходимость сделать это на чистом JS без jQuery.

рони 14.07.2017 11:45

LLIypuk,
в чём проблема сделать в css нужный класс для close и добавлять его о клику

j0hnik 14.07.2017 12:01

document.querySelector('.close').onclick = function(){ 
	var x = document.querySelector('.content');
	x.style.height = x.style.height == '300px'?'50px':'300px';
};

или как сказал рони, toggle class


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