JSFiddle - React, Tailwind, and code Playground

by jekrb

HTML

<div style='display:none;' id='dup'>wow</div>
<div style='display:none;' id='target'></div>

JavaScript

var dup = document.getElementById('dup')
var target = document.getElementById('target')

window.requestAnimationFrame(function () {
  domNodeTransfer(dup, target, function () {
    target.style.display = 'block'

    var dup = document.getElementById('dup')
    dup.style.display = 'block'
  })
})




//////////
function domNodeTransfer (node1, node2, cb) {
  var dup = node1.cloneNode(true)
  node2.appendChild(dup)
  node1.parentNode.removeChild(node1)
  cb()
}