JSFiddle - React, Tailwind, and code Playground

by radu

HTML

<div id="welcome">HELLO</div>
<div id="welcome_distort"></div>

JavaScript

// http://stackoverflow.com/questions/6668948/javascript-for-loop

$.fn.madness = function() {
    
    return this.each(function(){
        
        var $this = $(this);
        $this.fadeTo(100, 0.1, function() {
            $this.fadeTo(100, 1.0, function() {
                $this.fadeTo(50, 0.1, function() {
                    $this.fadeTo(10, 1.0, function() {
                        $this.fadeTo(10, 0.1, function() {
                            $this.fadeTo(10, 1.0, function() {
                                $this.fadeTo(1, 0.0, function() {
                                    $("#welcome_distort").fadeTo(1, 1.0, function() {
                                        $("#welcome_distort").fadeTo(500, 1.0, function() {
                                            $("#welcome_distort").fadeTo(1, 0.0, function() {
                                                $this.fadeTo(1, 1.0, function() {
                                                    $this.fadeTo(50, 0.1, function() {
                                                        $this.fadeTo(50, 1.0, function() {
                                                            $this.fadeTo(500, 1.0);
                                                        });
                                                    });
                                                });
                                            });
                                        });
                                    });
                                });
                            });
                        });
                    });
                });
            });
        });
    });
}

$('#welcome').madness().css('color','red');