@rabodis

Как свернуть вкладку в скрипте?

Есть две кнопки, разворачивающие вкладку с контентом. Нужно, чтобы при клике на активную кнопку вкладка свернулась наверх. В первый раз срабатывает как надо, потом начинает глючить. Что нужно исправить в скрипте? Спасибо за помощь!

<div class="dropdown-wrapper">

<div class="btns">
	<div class="btn"><a href="#btn1">btn1</a></div>
	<div class="btn"><a href="#btn2">btn2</a></div>
  </div>
  
<div class="dropdown">
	<div id="btn1" class="content1">
		<p>Content1</p>
	</div>
	<div id="btn2" class="content2">
		<p>Content2</p>
	</div>
</div>

</div>


$('.btn a').on('click', function (e) {
  
  e.preventDefault();
  
  $(this).parent().addClass('active');
  $(this).parent().siblings().removeClass('active');
  
  target = $(this).attr('href');
  $('.dropdown').slideDown('slow', function(){
  $(this).addClass('open');
   $('.dropdown > div').not(target).hide();
  $(target).fadeIn(600);
  });
  
    if($('.dropdown').hasClass('open')){
    $('.active a').on('click', function (e) {
    
  e.preventDefault();
  
    $('.dropdown').slideUp('slow');
    $(this).parent().removeClass('active');
    })
  }


});


  • Вопрос задан
  • 28 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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