Как показать блок только один раз, руководствуясь скриптом ниже?
Обе кнопки призваны показать класс, в случае щелчка по ним, но нужно, чтобы выполнялось условие: если блок уже показан, то скрывать при нажатии на кнопку не надо.
//Показать Форму заказать звонок
jQuery(document).ready(function($) {
$(".callmeform").click(function() {
var element = document.querySelector(".call-form-wrap");
if(element.classList.contains("show-block")) {
element.classList.remove("show-block");
} else {
element.classList.add("show-block");
}
});
});
.show-block {
display: block !important;
}
<button class="callmeform">Показать</button>
<div class="call-form-wrap" style="display: none">
Теперь меня видно, чувак.
</div>
<button class="callmeform">Показать 2</button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>