JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="wrapper">
  <div class="eq">First div</div>
  <div class="eq">Second div</div>
  <div class="eq">Third div</div>
</div> 

<div class="content">
  <div class="tab">1</div>
  <div class="tab">2</div>
  <div class="tab">3</div>
</div>

CSS

.tab{
  display:none;
}

.wrapper{
  border-bottom: 1px solid black;
  display:inline-block;
}
.eq{
  display:inline;
  margin-right:10px;
  border-right:1px solid black;
  padding:5px;
}

.active{
  display:inherit;
}

JavaScript

[...document.querySelectorAll('.eq')].forEach((tab, index) => {
  tab.addEventListener('click', function (e) {
  	console.log(e.target, index)
  })
})