JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
    <button id="btn-content" data-item="1">Кнопка</button>
</div>
<div class="btn-content hide" data-item="1">Контент</div>

CSS

.content {
    width: 100%;
    text-align: center;
}

.hide {
    display: none;
}
.btn-content {
    width: 200px;
    height: 50px;
    background: orange;
    border: 1px solid #000;
    position: absolute;
    left: 50%;
    margin: 20px 0 0 -100px;
}

JavaScript

$(document).ready(function(){
    $('#btn-content').click(function(e){
        $('.btn-content').toggle();
        e.preventDefault();
      });
});