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

Question

[fantazerno]

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

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

Заранее благодарю Вас !

Answer 1

[vdem]

<div id="myDiv1"></div>
<input type="checkbox" onchange="javascript:document.getElementById('myDiv1').style.height = (this.checked)? '200px': 'auto'" />

Забыл насчет "плавно". Тогда лучше jQuery, но и чистым JS можно обойтись, если надо - напишу.

Comments

[fantazerno]

Буду признателен

Answer 2

[Евгений Комаров]

Если применимо использование jQuery, то
- отслеживаете события checkbox через $(':checkbox').on('change', function() {/*...*/})
- применяете метод animate для плавности смены размеров