JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" onClick="HiddenSection('centerLayer');return false;">Открыть модальное окно</a>
<style type="text/css">
   #centerLayer {
    position: absolute; /* Абсолютное позиционирование */
    width: 280px; /* Ширина слоя в пикселах */
    height: 180px; /* Высота слоя в пикселах */
    left: 50%; /* Положение слоя от левого края */
    top: 50%; /* Положение слоя от верхнего края */
    margin-left: -150px; /* Отступ слева */
    margin-top: -100px;	/* Отступ сверху */
    background: #fc0; /* Цвет фона */
    border: solid 1px black; /* Параметры рамки вокруг */
    padding: 10px; /* Поля вокруг текста */
    overflow: auto; /* Добавление полосы прокрутки */
    z-index:9000;
    display: none;
 }

   
	

   </style>


    <div
    id="centerLayer">Будем также считать, что сила даёт большую проекцию на оси, чем газообразный
        центр сил, что обусловлено существованием циклического интеграла у второго
        уравнения системы уравнений малых колебаний.</div>

JavaScript

function HiddenSection(section) {
    //Показ-скрытие блока  
    var block = document.getElementById(section);
    if (block.style.display == "") {block.style.display = "none";}
  if (block.style.display == "none") {
        block.style.display = "block";
    } else {
        block.style.display = "none";
    }

    return;
}