@fantazerno

Как Правильно изменить размеры div при помощи JavaScript?

Есть три элемента div разной высоты

Под ними три чекбокса. Как реализовать изменение высоты div-ов, в зависимости от вариантов выбранных чекбоксов. Изменение высоты должно происходить плавно.

Заранее благодарю Вас !
  • Вопрос задан
  • 8666 просмотров
Решения вопроса 1
@vdem
<div id="myDiv1"></div>
<input type="checkbox" onchange="javascript:document.getElementById('myDiv1').style.height = (this.checked)? '200px': 'auto'" />


Забыл насчет "плавно". Тогда лучше jQuery, но и чистым JS можно обойтись, если надо - напишу.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Если применимо использование jQuery, то
- отслеживаете события checkbox через $(':checkbox').on('change', function() {/*...*/})
- применяете метод animate для плавности смены размеров
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы