JSFiddle - React, Tailwind, and code Playground

HTML

<div id="aba" style="position: absolute">
    Aba
    <span id="fechar">&times;</span>
</div>

CSS

#aba {
    margin: 5px;
    border: 1px solid black;
    border-radius: 5px 5px 0 0;
    padding: 3px;
    cursor: default;
}

#fechar {
    cursor: pointer;
    color: darkgray;
}

JavaScript

var fechado = true;
$("#aba").click(function(){
    console.log("#aba");
    if (fechado){
        $("#aba").animate({left: "10px"});
        fechado = false;
    }
    console.log("fechado?", fechado);
});
$("#fechar").click(function(e){
    console.log("#fechar");
    if (fechado == false){
        $("#aba").animate({left: "0px"});
        fechado = true;
    }
    e.stopPropagation();
    console.log("fechado?", fechado);
});