JSFiddle - React, Tailwind, and code Playground

HTML

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Tab1</a></li>
    <li><a href="#tabs-2">Tab2</a></li>
    <li><a href="#tabs-3">tab3</a></li>
  </ul>
  <div id="tabs-1">
    Tab1 Contain
  </div>
  <div id="tabs-2">
   Tab2 Contain
  </div>
  <div id="tabs-3">
   tab3 contain
  </div>
</div>

JavaScript

var id="A"; 
$( "#tabs" ).tabs();
if(id==="A")
{
     $( "#tabs-1" ).tabs( "option", "hide", { effect: "explode", duration: 1000 } );
    //$('#ui-id-1').hide();
    
}