JSFiddle - React, Tailwind, and code Playground

by Alhasan Abd

HTML

<!DOCTYPE html>
<html>
    
    <head>
        <title>Mapping API</title>
        <meta name="author" content="AlhasanIQ" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
        <!-- Loading Google Map API engine v3 -->
        <script>
            //<![CDATA[
            $(document).ready(function() {
                var current_fs, next_fs, previous_fs;
                var left, opacity, scale;
                var animating;
                $(".next").click(function() {
                    if (animating) return false;
                    animating = true;
                    current_fs = $(this).parent();
                    next_fs = $(this).parent().next();
                    $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");
                    next_fs.show();
                    current_fs.animate({
                        opacity: 0
                    }, {
                        step: function(now, mx) {
                            scale = 1 - (1 - now) * 0.2;
                            left = (now * 50) + "%";
                            opacity = 1 - now;
                            current_fs.css({
                                'transform': 'scale(' + scale + ')'
                            });
                            next_fs.css({
                                'left': left,
                                'opacity': opacity
                            });
                        },
                        duration: 800,
                        complete: function() {
                            current_fs.hide();
                            animating = false;
                        },
                        easing: 'easeInOutBack'
                    });
                });
                $(".previous").click(function() {
                    if (animating)...