@FlapJalc

Как реализовать закрытие блока на jquery?

В данном коде, нет реализации закрытия блока при повторном нажатии на ссылку. Подскажите что нужно дописать, чтобы это действие выполнялось?
$(".reg-btn").click(function(e){
    e.preventDefault();
    $(".reg-btn").removeClass("active");
    $(this).addClass("active");
    
    $(".block-of-text").toggle(false);
    $( $(this).data('block') ).toggle(true);
});

.block-of-text { display: none; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<br>
<a href="#" class="reg-btn" data-block="#box1">Записаться</a>
<a href="#" class="reg-btn" data-block="#box2">Записаться</a>
<br><br><br>

<div class="block-of-text" id="box1" >Отображаемый блок 1</div>
<div class="block-of-text" id="box2" >Отображаемый блок 2</div>
  • Вопрос задан
  • 119 просмотров
Решения вопроса 1
baskserg
@baskserg
Better skills, better life.
$(".reg-btn").click(function(e){
    e.preventDefault();
    var data_block = $(this).data("block");
    
    if($(this).hasClass("active")){
    	$(document).find(data_block).slideUp();
        $(this).removeClass("active");
    } else {
    	$(this).addClass('active');
    }
        
    $(".block-of-text").toggle(false);
    $(data_block).toggle(true);   
});
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы