Добрый день!
Есть такая задача
<div id="myModal">
<input type="checkbox">
<div id="price" style="display:none"></div>
</div>
Модальное окно сверстанно на бутстрап2, надо что бы при клике по инпуту показывался/скрывался блок price (это реализовано), но тогда контент модального окна выпадает за границы модали. Я попытался реализовать установку высоты модального окна следующим образом:
var Num = document.body.clientWidth;
var width = +Num;
var display1 = document.getElementById("price").style.display;
if (display1 == "none" && width >= 979) {
document.getElementById("myModal").style.height = 870 + "px";
} else if (display1 == "block" && width >= 979) {
document.getElementById("myModal").style.height = 970 + "px" + "!important";
} else if (display1 == "none" && width < 979) {
document.getElementById("myModal").style.height = 1210 + "px";
} else if (display1 == "block" && width < 979) {
document.getElementById("myModal").style.height = 1330 + "px" + "!important";
};
Код устанавливает исходную высоту модали при загрузке, но при переходе от none в block он не увеличивается, что надо добавить, что б код начал функционировать, я так понимаю, что он проанализировал ситуацию на момент загрузки страницы и все. может изменение высоты надо реализовать через функцию клика по checkbox? Подскажите куда топать, не хочется весь день убить перебирая варианты....