JSFiddle - React, Tailwind, and code Playground

by guest271314

HTML

<div class="container"></div>
<div class="apples">1
    <div>
        <div class="apples">2
            <div>
                <div class="apples">3
                    <div>
                        <div class="apples">4
                            <div>
                                <div class="apples">5
                                    <div>
                                        <div class="apples">6
                                            <div>
                                                <div class="apples">7
                                                    <div>
                                                        <div class="apples">8
                                                            <div>
                                                                <div class="apples">9
                                                                    <div>
                                                                        <div class="apples">10
                                                                            <div>
                                                                                <div class="apples">11
                                                                                    <div>
                                                                                        <div class="apples">12
                                                                                            <div>
                                                                                                <div class="apples">13
                                                                                                    <div>
                                                                                                        <div class="apples">14
                                                                                                            <div>
                                                          ...

JavaScript

$(function () {
    $.when($(".apples"), [])
        .done(function (data, apples) {
        $.each(data, function (k, v) {
            setTimeout(function () {
                apples.push(v);
                if (apples.length === data.length) {
                    $(apples).appendTo(".container")
                };
            }, 1 + Math.floor(Math.random() * 5));
        });
    });
})