JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li><a class="source source-1">Кнопка один</a></li>
  <li><a class="source source-2">И кнопка два</a></li>
  <li><a class="source source-3">Три!333</a></li>
</ul>
<div class="target target-1">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla molestiae eveniet non modi perspiciatis velit doloribus autem vel pariatur laborum ad, quae ducimus, ut, earum neque deserunt? Debitis, minima, eius.</p>
</div>
<div class="target target-2">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla molestiae eveniet non modi perspiciatis velit doloribus autem vel pariatur laborum ad, quae ducimus, ut, earum neque deserunt? Debitis, minima, eius.</p> 
</div>
<div class="target target-3">
	 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla molestiae eveniet non modi perspiciatis velit doloribus autem vel pariatur laborum ad, quae ducimus, ut, earum neque deserunt? Debitis, minima, eius.</p>
</div>

CSS

.hidden {
  display: none
}

JavaScript

var HIDDEN_CLASS_NAME = 'hidden'
var TARGET_CLASS_NAME = 'target'
var SOURCE_CLASS_NAME = 'source'

var targetIdToShow = 1

function main() {
	var targets = getElements(TARGET_CLASS_NAME)
	var sources = getElements(SOURCE_CLASS_NAME)
	sources.forEach(function (sourceNode) {
		var sourceNodeId = extractId(sourceNode, SOURCE_CLASS_NAME)
		sourceNode.addEventListener('click', function () {
			showTarget(targets, sourceNodeId)
		})
	})
	showTarget(targets, targetIdToShow)
}

function getElements(type) {
	return [].slice.call(document.querySelectorAll('.' + type)).sort(function (targetNode1, targetNode2) {
		var target1Num = extractId(targetNode1, TARGET_CLASS_NAME)
		var target2Num = extractId(targetNode2, TARGET_CLASS_NAME)
		return target1Num > target2Num
	})
}

function extractId(targetNode, baseClass) {
	var currentClassIndex = targetNode.classList.length
	while (currentClassIndex--) {
		var currentClass = targetNode.classList.item(currentClassIndex)
		var maybeIdNum = parseInt(currentClass.split('-')[1])
		if (isNaN(maybeIdNum)) {
			continue
		}
		var classStrinToValidate = baseClass + '-' + maybeIdNum
		if (classStrinToValidate === currentClass) {
			return maybeIdNum
		}
	}
}

function showTarget(targets, targetId) {
	targets.forEach(function (targetNode, targetIndex) {
    var currentTargetNodeId = extractId(targetNode, TARGET_CLASS_NAME)
		if (currentTargetNodeId === targetId) {
			targetNode.classList.remove(HIDDEN_CLASS_NAME)
		} else {
			targetNode.classList.add(HIDDEN_CLASS_NAME)
		}
	})
}

main()