JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1" class="parte1" style="color:black">
        <p> Conteúdo da Div 1</p>
    </div>
    <div id="div2" class="parte2" style="color:blue">
        <p> Conteúdo da Div 2</p>
    </div>
    <div id="div3" class="parte3" style="color:red">
        <p> Conteúdo da Div 3</p>
    </div>
    <div id="div4" class="parte4" style="color:green">
        <p> Conteúdo da Div 4</p>
    </div>

<p id="mensagem">Clique numa div pra ver que ela ainda tem seus ouvintes/dados</p>

CSS

#mensagem {
    display: none;
}

JavaScript

function trocar(a, b) {
    var swap = $("<span/>");
    a.after(swap).detach();
    b.after(a).detach();
    swap.after(b).detach();
}

var trocas = [[2,3],[1,4],[2,4],[1,3],[1,2],[3,4]];
var i = 0;

var teste = setInterval(function() {
    if ( i == trocas.length ) {
        clearInterval(teste);
        $("#mensagem").show();
    }
    else {
        var a = $("#div" + trocas[i][0]);
        var b = $("#div" + trocas[i][1]);
        trocar(a, b);
        i++;
    }
}, 2000);

$("#div1, #div2, #div3, #div4").data("teste", 42).click(function() {
    if ( $(this).data("teste") == 42 )
        alert("Ainda funciona!");
});