JSFiddle - React, Tailwind, and code Playground

by OwenMelbz

HTML

<div id="wrapper">
    <div id="content">
        <div id="lightbox"></div>
    </div>
</div>

CSS

div {
    padding: 10px;
    min-height: 35px;
}
#wrapper {
    background: red;
}
#content {
    background: green;
}
#lightbox {
    background: blue;
}

JavaScript

$(function () {

    $(document).click(function (e) {
        e.preventDefault();
        $('#lightbox').appendTo('#wrapper');

    });

    $(document).dblClick(function (e) {
        e.preventDefault();
        $('#lightbox').appendTo('#content');
    });

});