lavezzi1
@lavezzi1

Как продолжить анимацию при переключении между tabs?

Здравствуйте.
Прикрутил к сайту анимацию jackonthe.net/css3animateit . На странице есть несколько табов с таким вот js кодом
$(document).ready(function () {
  $('.accordion-tabs-minimal').each(function(index) {
    $(this).children('li').first().children('a').addClass('is-active').next().addClass('is-open').show();
  });
  $('.accordion-tabs-minimal').on('click', 'li > a.tab-link', function(event) {
    if (!$(this).hasClass('is-active')) {
      event.preventDefault();
      var accordionTabs = $(this).closest('.accordion-tabs-minimal');
      accordionTabs.find('.is-open').removeClass('is-open').hide();

      $(this).next().toggleClass('is-open').toggle();
      accordionTabs.find('.is-active').removeClass('is-active');
      $(this).addClass('is-active');
    } else {
      event.preventDefault();
    }
  });
});


Проблема в том, что на элементах, которые находятся в внутри табов нужна анимация, но при переключении с одного таба на другой, анимация не срабатывает (оно и понятно, это же animate as you scroll).

Что нужно сделать, чтобы анимация срабатывала при переключении табов без скролла?
  • Вопрос задан
  • 858 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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