JSFiddle - React, Tailwind, and code Playground
HTML
<header>
<div class="container">
<div class="logo">
<img src="img/logo.png" alt="Ярус2">
</div>
<nav>
<ul>
<li><a href="#construction">Типы конструкций</a></li>
<li><a href="#photos">Галерея</a></li>
<li><a href="#review">Отзывы</a></li>
<li><a href="#market">Гарантии</a></li>
<li><a href="#address">Контакты</a></li>
</ul>
</nav>
<div class="header_call">
<span>Работаем по Санкт-Петербургу и Ленинградской области</span>
<div class="header_call-number">
8 (812) 906-14-80
<button class="call">Заказать звонок</button>
</div>
</div>
<img src="img/menu_icon.png" alt="" class="mi">
</div>
</header>
<div class="intr">
<div class="intr_items">
<div class="container">
<img src="img/room.png" alt="Ярус2">
<button class="price">Рассчитать стоимость</button>
</div>
</div>
</div>
<form action="js/send.php" method="post">
<div id="popup_contactt" class="popup_blockt">
<div class="popup_contentt">
<span class="close">x</span>
<div class="note">
<h1>Введите данные</h1>
</div>
<fieldset>
<div class="form_inputs">
<input type="hidden" name="form_id" value="2"/>
<p><input class="ti" type="text" placeholder="Ваше имя" name="name" required="required"></p>
<p><input class="ti" type="text" placeholder="Ваш телефон" name="phone" id="phone_popup" required="required"></p>
</div>
</fieldset>
<p class="submit"><button class="popup_btn" type="submit">Отправить</button></p>
</div>
</div>
</form>
<form id="form" action="js/send.php" method="post">
<div id="popup_contact" class="popup_block">
<div class="popup_content">
<span class="close">x</span>
<div class="note">
<h1>Выберите тип конструкции</h1>
</div>
<input type="hidden" name="form_id" value="1"/>
<fieldset>
...
JavaScript
$(".call").click(function() {
$(".popup_blockt").show;
});
$(".close").click(function() {
$(".popup_block").hide();
});
var current_index=0;
$(".price").click(function() {
$(".popup_block").hide()
.eq(current_index).show();
});
$(".close").click(function() {
$(".popup_block").hide();
current_index=0;
});
$('.next_popup').click(function() {
var $popups=$(".popup_block");
$popups.hide().eq(++current_index).show();
if(current_index==$popups.length)
$('button.next_popup').hide();
});