Здравствуйте.
Прикрутил к сайту анимацию
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).
Что нужно сделать, чтобы анимация срабатывала при переключении табов без скролла?