JSFiddle - React, Tailwind, and code Playground

by unloco

HTML

<div id="list">
<ul>
 <li>Test 1</li>
 <li>Test 2</li>
 <li>Test 3</li>
 <li>Test 4</li>
 <li>Test 5</li>
 <li>Test 6</li>
 <li>Test 7</li>
 <li>Test 8</li>
 <li>Test 9</li>
 <li>Test 10</li>
 <li>Test 11</li>
 </ul>
    <button class="show_button">>> More</button>
</div>

JavaScript

$('#list ul li:gt(2)').hide();
$('.show_button').click(function() {
    $('#list ul li:visible:last~li:lt(3)').slideToggle();
    return false;
});