JSFiddle - React, Tailwind, and code Playground

by ipr101

HTML

<div>blah</div>
<div>blah</div>
<div>blah</div>
<div>blah</div>
<div>blah</div>
<div>blah</div>
<div>blah</div>
<div>blah</div>
<div>blah</div>
<div>blah</div>
<div>blah</div>
<div>blah</div>
<div>blah</div>
<div>blah</div>
<div>blah</div>
<div>blah</div>
<a>more..</a>

JavaScript

$(document).ready(function() {

    $("div:gt(4)").hide();

    $("a").click(function() {
        if ($("div:hidden").length > 5) $("div:hidden:lt(5)").show();
        else $("div:hidden").show();
    })

})