How to continue animation when switching between tabs?

Question

css

Hello.
I screwed the animation to the site jackonthe.net/css3animateit . There are several tabs on the page with this js code

$(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();
    }
  });
});

The problem is that elements that are inside tabs need animation, but when switching from one tab to another, the animation does not work (it's understandable, it's animate as you scroll).
What needs to be done to make the animation work when switching tabs without scrolling?