@finok

Как сделать калькулятор сразу открытым?

Как сделать калькулятор сразу открытым https://jsfiddle.net/x8m390c6/
  • Вопрос задан
  • 171 просмотр
Пригласить эксперта
Ответы на вопрос 1
Vestail
@Vestail
Software Engineer
В той версии что вы загрузили на jsfiddle.net, у меня в хроме, кнопка вообще не работает. Расскажу как сделать для той версии которая была на яндекс диске.

1. В index.html заменяем
<button type="button" class="btn-outlined btn-lg btn-default price-button">Рассчитать стоимость</button>

на
<h4>Итог: <span class="cur"></span> <span class="rub">р. / м.кв.</span></h4>


2. В style.css заменяем
.box-price {
	background: #DDDDDD;
	color: #333;
	padding: 0 15px;
	overflow: hidden;
	height: 0px;
}

на
.box-price {
	background: #DDDDDD;
	color: #333;
	padding: 0 15px;
	overflow: hidden;
	height: 390px;
}

3. В script.js полностью удаляем это
$('.price-button').click(function() {
		var boxPrice = $(this).closest('.col-md-4');

		function hideButton () {
			$(boxPrice).find('.price-button').hide();
			$(boxPrice).find('.footer-price').append('<h4>Итог: <span class="cur"></span> <span class="rub">р. / м.кв.</span></h4>');

		};
		//анимация раскрытия блока с параметрами
		$(boxPrice).find('.box-price').animate({height: '390px'}, {'duration': 500}, {'easing': 'linear'}, hideButton());

	});

Готовое: https://jsfiddle.net/x8m390c6/2/
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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