JSFiddle - React, Tailwind, and code Playground

HTML

<div id="objInfo">
    <div class="obj_x">BLABLA</div>
</div>
    
<button id="show">Show</button>

CSS

#objInfo { display: none }
#action #hide{ display:none }

JavaScript

function hideBlock(){
        
        $("#objInfo").css('display','none')
        $("#show").css('display','inline-block')
        
        $(document).mousedown(function(){ return false;})
    }
    
    function displayBlock(){
        
        $("#objInfo").css('display','block')
        $("#show").css('display','none')
        
        $(document).mousedown( hideBlock )
    }
    
    
    $("#show").click( displayBlock )
    $(".obj_x").click( hideBlock )