JSFiddle - React, Tailwind, and code Playground

by neal_fletcher

JavaScript

$(window).load(function () {

        $('.project-content-slide-text-wrap').hide();

        $('#work-slider').cycle({
            fx: 'fade',
            delay: 2550,
            speed: 500,
            timeout: 3500,
            slideResize: false,
            before: function () {
                $(this).parent().find('.project-content-slide-image.current').removeClass('current');
            },
            after: function () {
                $(this).addClass('current');

                if ($('.current').hasClass('text-slide')) {

                    $('#work-slider').cycle('pause');
                    $('.current.text-slide').children('.project-content-slide-text-wrap').fadeIn().delay(2000).fadeOut();

                    setTimeout(function () {
                        $('#work-slider').cycle('resume');
                    }, 3000);

                }
            }
        });

    });