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(){
    
    
    
    
    $('body').click(function(){
        
       $('#lightbox').appendTo('#wrapper');
        
    });
    
'body'$(document).dblClick(function(){
        
         $('#lightbox').appendTo('#content');
    });
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}):