JSFiddle - React, Tailwind, and code Playground

HTML

<div id="block1"></div>
<div id="block2" contenteditable="true">Some text</div>

CSS

#block1{
    position: absolute;
    width: 80px;
    height: 20px;
    z-index: 10;
}

#block2{
    width: 80px;
}

JavaScript

var DELAY = 300,
    clicks = 0,
    timer = null;

$("#block1").live("click", function(e){
    clicks++;
    var ablock = $(this);
    $(ablock).hide();
    
    if(clicks === 1) {
        timer = setTimeout(function() {
            $(ablock).show();
            //Some other code for other blocks
        },DELAY);
    }else{
        clearTimeout(timer);
        clicks = 0;
    }
}).live("dblclick", function(e){
   e.preventDefault(); 
});