Задать вопрос

Как выполнить анимацию последовательно?

Есть два блока
Есть 2 кнопки, которые плавно открывают нужный блок.
Если второй блок был открыта то его предварительно закрываем.

Помогите плиз, если на кнопку нажимать быстро, то бывает такое, что открываются два блока одновременно.
Если кнопки нажимать не торопясь то все ок, как побороть косяк?


$( ".top-menu .catalog" ).click(function(event) {
   $( ".tag-block" ).slideUp( "slow", function() {
	   $( ".catalog-block" ).slideToggle( "fast", function() {});
	   });
  
 
})
	
	
	
	$( ".top-menu .best" ).click(function(event) {
	 $( ".catalog-block" ).slideUp( "slow", function() {
		  $( ".tag-block" ).slideToggle( "fast", function() {});
		 });
})
  • Вопрос задан
  • 104 просмотра
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
1. Добавить идентификатор выполнения, убирать после выполнения, проверять перед выполнением нет ли на другой кнопке идентификатора (например класс iwork)
2. Можно при начале работы одной логики, сразу ставить на ряд кнопок disabled, после выполнения убирать.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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