JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

setTimeout(function(){

    // cache elements
    var $div1 = $('#div1'),
        $div2 = $('#div2');

    // clone elements and their contents
    var $div1Clone = $div1.clone(),
        $div2Clone = $div2.clone();

    // switch places
    $div1.replaceWith($div2Clone);
    $div2.replaceWith($div1Clone);

}, 2000);