JSFiddle - React, Tailwind, and code Playground

HTML

<div id="text">
    <div><a href="./?tab=1#tabs">Tab 1</a></div>
    <div><a href="./?tab=2#tabs">Tab 2</a></div>
    <div><a href="./?tab=3#tabs">Tab 3</a></div>
    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit quibusdam libero corporis quod ullam hic accusamus quis veniam laborum omnis nostrum veritatis ipsa dolorem incidunt rem eveniet, minima accusantium animi!</div>
    <div>Qui quos corporis, optio pariatur alias sed. Nisi, temporibus. Architecto ducimus commodi hic tempore pariatur, nostrum voluptatibus totam impedit. Debitis aliquid alias quasi, cupiditate quos esse eaque similique odio dolorem.</div>
    <div>Dolorum consequatur itaque aliquam, provident, sapiente cumque dolorem, similique quae id dolore sequi culpa rerum quam. Debitis dolor quidem, iusto repudiandae, numquam a architecto quos laborum delectus, dignissimos repellat blanditiis!</div>
    <div>Fuga totam minus quaerat at reiciendis cum animi sunt, tenetur recusandae, ab adipisci accusantium officiis amet quae quia praesentium. Recusandae sint quae sapiente eaque tenetur, odit corporis quasi sed nisi.</div>
    <div>Fugit obcaecati eum sapiente, aliquid facilis deserunt magni! Rem odit pariatur autem eveniet, fugit recusandae totam quisquam ratione sapiente libero odio reprehenderit voluptatibus accusamus voluptates molestiae excepturi, repudiandae fuga necessitatibus.</div>
    <div>Distinctio provident corporis vitae est porro magnam eaque nostrum officiis voluptates ut repellendus cum, quam tenetur ad placeat! Facere explicabo illo ratione aspernatur impedit! Esse facere neque saepe maiores beatae.</div>
    <div>Eaque neque ea, nostrum corporis et blanditiis, dignissimos culpa debitis. Asperiores quidem necessitatibus voluptatem illo quia eligendi ea alias natus unde excepturi ducimus at consequatur odit optio tenetur, molestias incidunt!</div>
    <div>Maxime eaque enim tempora incidunt explicabo quibusdam nobis facilis voluptatum itaque, cum modi repellendus...

CSS

#text {
    width: 300px;
    margin: auto;
}

.tab {
    display: none;
}

JavaScript

var cur;

var params = location.search;
params = params.slice(1, location.search.length);
params = params.split('&').map(function(el) {
	el = el.split('=');
    if(el[0] == 'tab') cur = el[1];
});

switch(cur) {
    case 1:
        // первый таб открыт
        break;
    case 2:
        // второй таб открыт
        break;
    case 3:
        // третий таб открыт
        break;
    default:
        // таб не выбран
}