JSFiddle - React, Tailwind, and code Playground

HTML

<!----------------MENU DIV------------>
<div id="menudivmenu" class="menusup" style="width:570px;height:220px;display:none ">
    <button class="btclose" id="ferm" style="z-index:500; position :relative;">X</button>
    <div class="selects2" id="menuaction" style="position:absolute; left:10px;top:10px;width:120px;height:185px;">
        <button class="rad" id="ajoutdiv" style="height:30px;">Ajouter un div</button>
        <button class="rad" id="coin" style="height:30px;">Arrondi des coins</button>
        <button class="rad" id="borderwidth" style="height:30px;">BorderWidth</button>
        <button class="rad" id="bordercolor" style="height:30px;">Bordercolor</button>
        <button class="rad" id="backcouleurdiv" style="height:30px;">Background Color</button>
        <button class="rad" title="METTRE UNE IMAGE EN BACKGROUND" id="backimage" style="height:30px;">Background image</button>
    </div>
    <!------------------------------------------->
    <div class="selects2" id="menucoin" style="position:absolute; width:300px;height:150px;left: 160px;top:30px;margin-right:1px; visibility:hidden ; ">
        <p class="slideImpRa" id=o ne>
            <label class="labslide" for="slidebordhg">coin Haut Gauche :</label>
            <input class="slide" type="range" min="0" max="100" id="slidebordhg">
        </p>
        <p class="slideImpRa">
            <label for="slidebordhd">coin Haut droite :&nbsp; &nbsp;</label>
            <input class="slide" type="range" min="0" max="100" id="slidebordhd">
        </p>
        <p class="slideImpRa">
            <label for="slidebordbg">coin Bas  Gauche :&nbsp;&nbsp;</label>
            <input class="slide" type="range" min="0" max="100" id="slidebordbg">
        </p>
        <p class="slideImpRa">
            <label for="slidebordbd">coin Bas  Droite  :&nbsp;&nbsp; &nbsp;</label>
            <input class="slide" type="range" min="0" max="100" id="slidebordbd">
        </p>
        <p class="slideImpRa">
            <label...

JavaScript

$(function(){
$('#bar').on('click' , function(){
$("#menudivmenu").show();
})
var btclose=document.getElementsByClassName("btclose");
   for (var i=0;i<btclose.length;i++){
         btclose[i] .addEventListener("click", function() {   this.parentElement.style.display="none";

 oldmenu.style.display ="none"//oldmenu et le dernier qui a été affiché
});
}
})