Как привязать напечатанный текст анимации JS к вкладкам? - PullRequest
0 голосов
/ 06 апреля 2019

Использовал typed.js и простой код jquery для вкладок.

Теперь текстовая анимация запускается изначально для всех вкладок.Подскажите, как привязать начало текстовой анимации к соответствующей вкладке

Мой код - https://jsfiddle.net/r6cwun3v/

(function() {

  // simple tabs
  $('.tabs__nav').on('click', 'li:not(.current)', function() {
    $(this).addClass('current').siblings().removeClass('current')
      .parents('.tabs').find('.tabs__box').eq($(this).index()).fadeIn(150).siblings('.tabs__box').hide();
  });

  var typedTabBox1 = new Typed('.tabs__typed', {
    stringsElement: '.tabs__string',
    typeSpeed: 20,
    startDelay: 200,
    backSpeed: 20,
    backDelay: 200,
    smartBackspace: true,
    loop: true
  });
  var typedTabBox2 = new Typed('.tabs__typed-2', {
    stringsElement: '.tabs__string-2',
    typeSpeed: 20,
    startDelay: 200,
    backSpeed: 20,
    backDelay: 200,
    smartBackspace: true,
    loop: true
  });
  var typedTabBox3 = new Typed('.tabs__typed-3', {
    stringsElement: '.tabs__string-3',
    typeSpeed: 20,
    startDelay: 200,
    backSpeed: 20,
    backDelay: 200,
    smartBackspace: true,
    loop: true
  });
  var typedTabBox4 = new Typed('.tabs__typed-4', {
    stringsElement: '.tabs__string-4',
    typeSpeed: 20,
    startDelay: 200,
    backSpeed: 20,
    backDelay: 200,
    smartBackspace: true,
    loop: true
  });

})();

При нажатии на вкладку - запустить текстовую анимацию

Если мы нажимаем на другую вкладку - также запускаем текстовую анимацию и т. Д.

Спасибо.Буду рад любой помощи

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...