JSFiddle - React, Tailwind, and code Playground

by tebrown

HTML

<!-- the code for Div A -->
<div id="diva_id" style="display:block;" onmouseover="SwapDivs('diva_id','divb_id')">A</div>
<div id="divb_id" style="display:none;" onmouseout="SwapDivs('diva_id','divb_id')">B</div>

JavaScript

function SwapDivs(da, db) {
    var d = document.getElementById(da);
    if (d.style.display == "block") {
        d.style.display = "none";
        document.getElementById(db).style.display = "block";
    } else {
        d.style.display = "block";
        document.getElementById(db).style.display = "none";
    }
}