JSFiddle - React, Tailwind, and code Playground
HTML
<div class="list">
<div class="line_2">
<div class="title">1. Текст</div>
<div class="block">тут текст</div>
</div>
<div class="line_3">
<div class="title">2. Текст 2</div>
<div class="block">тут текст</div>
</div>
<div class="line_2">
<div class="title">1. Текст</div>
<div class="block">тут текст</div>
</div>
<div class="line_3">
<div class="title">2. Текст 2</div>
<div class="block">тут текст</div>
</div>
<div class="line_2">
<div class="title">1. Текст</div>
<div class="block">тут текст</div>
</div>
<div class="line_2">
<div class="title">1. Текст</div>
<div class="block">тут текст</div>
</div>
<div class="line_2">
<div class="title">1. Текст</div>
<div class="block">тут текст</div>
</div>
<div class="line_2">
<div class="title">1. Текст</div>
<div class="block">тут текст</div>
</div>
<div class="line_2">
<div class="title">1. Текст</div>
<div class="block">тут текст</div>
</div>
<div class="line_5">
<div class="title">4. Текст 3</div>
<div class="block">тут текст</div>
</div>
<div class="line_5">
<div class="title">4. Текст 3</div>
<div class="block">тут текст</div>
</div>
</div>
CSS
[class^=line] * {
display: none;
}
.visible * {
display: block;
}
JavaScript
document.querySelectorAll(`.list [class^=line]`).forEach(div => {
document.querySelector(`.list .${div.className}`).classList.add('visible');
});