Использовал 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
});
})();
При нажатии на вкладку - запустить текстовую анимацию
Если мы нажимаем на другую вкладку - также запускаем текстовую анимацию и т. Д.
Спасибо.Буду рад любой помощи