JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <article> data here </article>
  <article> data here </article>
  <article> data here </article>
      <article> data here </article>
  <article> data here </article>
  <article> data here </article>  <article> data here </article>
  <article> data here </article>
  <article> data here </article>  <article> data here </article>
  <article> da4ta here </article>
  <article> data here </article>  <article> data here </article>
  <article> da33ta here </article>
  <article> data here </article>  <article> data here </article>
  <article> data here </article>
  <article> da333ta here </article>
</div>
<button>show more</button>

JavaScript

$("article:gt(4)").hide();
var count =  $("article").length;

var i = 5;
$("button").on("click" , function() {
    i = i + 5;    
    $("article:lt(" + i + ")").show();
    if(i > count){
        $("button").hide();
    }
});