JSFiddle - React, Tailwind, and code Playground

HTML

<div id="accordion">
    <div>видно 1</div>
    <div class="accordion_later">Показать ещё</div>
    <div class="collapsible">
        <div>спрятано 1</div>
        <div>спрятано 1</div>
        <div>спрятано 1</div>
    </div>
    <div>видно 2</div>
    <div class="accordion_later">Показать ещё</div>
    <div class="collapsible">
        <div>спрятано 2</div>
        <div>спрятано 2</div>
    </div>
    <div>видно 3</div>
    <div class="accordion_later">Показать ещё</div>
    <div class="collapsible">
        <div>спрятано 3</div>
    </div>
</div>

JavaScript

$('#accordion .collapsible').hide();
    $('#accordion .accordion_later').bind('click', function (e) {
        // show all "more..."
        $('#accordion .accordion_later').show();
        // close all collapsible
        $('#accordion .collapsible').slideUp();
        // hide current "more..."
        $(e.target).hide();
        // open current collapsible
        $(e.target).next('div').slideDown();       
    });