JSFiddle - React, Tailwind, and code Playground
HTML
<div id="discountbox">
<h1>
Hello Discount Box!
</h1>
</div>
<div class="discount-summary">
Hi, Discount Summary
</div>
CSS
.discount-summary {
background: green;
}
JavaScript
$(document).ready(checkContainer);
console.log($("#discountbox").clone())
function checkContainer () {
if($('#discountbox').is(':visible')){ //if the container is visible on the page
$("#discountbox").clone().insertAfter(".discount-summary");
} else {
setTimeout(checkContainer, 50); //wait 50 ms, then try again
}
}