JSFiddle - React, Tailwind, and code Playground

HTML

<div id="Hide_Show" class="content" style="height: 20px;">Скрытый текст тут текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</div>

<div id="divblok" class="content2"> при нажатии открыть, покажется весть скрытый текст и удалиться этот черный блок.</div>

<a id="aopen" href="#" onclick="toggA(this);return false;">Открыть</a>

CSS

.content { background-color: #E9EDF1; border: 1px solid #D9E0E7; overflow: hidden;}
.content2  { background-color: #010101; border: 1px solid #D9E0E7; color:#FFFFFF}

JavaScript

function toggA(a) {
  var b= document.getElementById('Hide_Show').style;
  if(a.innerHTML=='Открыть'){a.innerHTML='Свернуть';b.height='auto';return}
  a.innerHTML='Открыть'; b.height='20px'
}
  $("#aopen").click(function() {
  $("#divblok").toggle();
})