JSFiddle - React, Tailwind, and code Playground

HTML

<div id="button1"></div>
<div id="button2"></div>
<div id="pad"></div>

CSS

#button1,  #button2, #pad
{
    position: absolute;
    height: 21px;
    width: 94px;
    left: 0;
    top: 0;
    cursor: pointer;
    background: #000;
}

#button2
{
    left: 100px;
}

#pad 
{
    top: 30px;
}

JavaScript

function main(button) {
    $(button).toggle(function(){
        $('#pad').hide(2000);
    }, function() {
         $('#pad').show(2000); 
    });
    }
main(peremennay)
    
var peremennay = $().click