JSFiddle - React, Tailwind, and code Playground

HTML

<div id="tabs">
    <a href="#content1">Вкладка 1</a>
    <a href="#content2">Вкладка 2</a>
    <a href="#content3">Вкладка 3</a>

    <div class="tabs_content">
      <div id="content1">Содержимое 1</div>
      <div id="content2">Содержимое 2</div>
      <div id="content3">Содержимое 3</div>
    </div>
</div>

CSS

.tabs_content  {width:300px; height:200px; background:#ccc;}
.tabs_content>div { display:none}
#tabs>a.current { background:#ccc;}

JavaScript

$("#tabs>a").click( function () {
        
        $("#tabs>a").removeClass("current");
        $(this).addClass("current");
        
        $(".tabs_content>div").hide();
        t_content=$(this).attr("href");
        $(t_content).show();

        return false
    })
$("#tabs>a:first").trigger("click");