JSFiddle - React, Tailwind, and code Playground

HTML

<div class="aaa">aaa</div>
<div class="aaa">aaa</div>
<div class="aaa">aaa</div>
<div class="aaa">aaa</div>
<div class="aaa">aaa</div>
<div class="aaa">aaa</div>
<div class="aaa">aaa</div>
<div class="aaa">aaa</div>
<div class="aaa">aaa</div>
<div class="aaa">aaa</div>
<div class="aaa">aaa</div>
<div class="aaa">aaa</div>
<div class="aaa">aaa</div>
<div class="aaa">aaa</div>
<div class="aaa">aaa</div>
<div class="aaa">aaa</div>
<div class="aaa">aaa</div>
<div class="aaa">aaa</div>
<div class="aaa">aaa</div>
<div class="aaa">aaa</div>
<div class="aaa">aaa</div>
<div class="aaa">aaa</div>
<div class="aaa">aaa</div>
<div class="aaa">aaa</div>
<button>button</button>

CSS

.aaa {
	display: none;
}

JavaScript

$( _=> {
	$( 'button' ).on( 'click', _=> {
		$( '.aaa:hidden:lt(3)' ).show();
	} );
} );