Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.07.2017, 11:40
Аспирант
Отправить личное сообщение для LLIypuk Посмотреть профиль Найти все сообщения от LLIypuk
 
Регистрация: 23.07.2015
Сообщений: 48

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

Нужно сделать так, чтобы при клике на <div class="close">закрыть</div> контейнер <div class="content">текст</div> с высотой 300px менял высоту на 50px обратно на 300px при повторном нажатии.
Есть необходимость сделать это на чистом JS без jQuery.
Ответить с цитированием
  #2 (permalink)  
Старый 14.07.2017, 11:45
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,127

LLIypuk,
в чём проблема сделать в css нужный класс для close и добавлять его о клику
Ответить с цитированием
  #3 (permalink)  
Старый 14.07.2017, 12:01
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

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

или как сказал рони, toggle class
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Auto resizing textarea на чистом JavaScript volshebnyi jQuery 1 16.09.2016 10:34
JSON запрос на чистом javascript FaLer Events/DOM/Window 5 12.05.2015 18:12
Аналог toggle в javascript? Dudo4nick Events/DOM/Window 20 05.05.2012 23:18
Последние книги по JavaScript! monolithed Учебные материалы 7 26.10.2010 19:40
Выдвет ошибку JavaScript Ромио Opera, Safari и др. 4 21.10.2010 20:34