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

Question

[finok]

Как сделать калькулятор сразу открытым https://jsfiddle.net/x8m390c6/

Comments

[Алексей Уколов]

Выложите свой калькулятор на jsfiddle, иначе вопрос я удалю. Имейте уважение к тем, кто захочет вам помочь - не заставляйте качать странные архивы.

Answer 1

[Виталий Витренко]

В той версии что вы загрузили на 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/