JSFiddle - React, Tailwind, and code Playground

by doug65536

HTML

<div id="odds-container">
<div id="odds1"> </div>
</div>This is after the div

<div id="odds-container2">
<div id="odds1"> </div>
</div>This is after the div

CSS

#odds-container {
    position: relative;
    display: inline-block;
  width: 200px;
  height: 50px;
  border: 1px solid black;
  background-color: #FF00FF
}
#odds-container2 {
    position: relative;
    display: block;
  width: 200px;
  height: 50px;
  border: 1px solid black;
  background-color: #FF00FF
}

JavaScript

window.addEventListener('load', onload);

function onload()
{
    document.getElementById('odds-container').style.display='none';
    setTimeout(function() {
        document.getElementById('odds-container').style.display='';
    }, 3000);
}