JSFiddle - React, Tailwind, and code Playground

by Cath_kb

HTML

<div id="table1" class="tab">
     <a href="#" onclick="one('#1'); return false">кнопка1</a>
     <div id="1" style="display: none">
         <p> РАЗВЕРНУВШИЙСЯ ТЕКСТ №1 </p>
    </div>
</div>

<div id="table2" class="tab">
    <a href="#" onclick="one('#2'); return false">кнопка2</a>
    <div id="2" style="display: none">
        <p> РАЗВЕРНУВШИЙСЯ ТЕКСТ №2 </p>
    </div>
</div>

JavaScript

function one (objName) {
  if ( $(objName).css('display') == 'none' ) {
    $(objName).animate({height: 'show'}, 400);
  } else {
    $(objName).animate({height: 'hide'}, 200);
  }
}