JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

// эвенты - аккордион
	$( "#accordion" ).accordion({
		active: false,
		collapsible: true,
		header: ".accordion_later",
		heightStyle: "content",
		beforeActivate: function( event, ui ){
			ui.newHeader.hide();
			ui.oldHeader.show();
		}
	});