JSFiddle - React, Tailwind, and code Playground

HTML

<div class="OffersContainer">
    <div class='pan-box'>A</div>
    <div class='pan-box'>B</div>
    <div class='pan-box'>C</div>
    <div class='pan-box'>D</div>
    <div class='pan-box'>E</div>
    <span>Show more</span>
</div>

JavaScript

$(".OffersContainer > div:gt(0)").hide();
var click = false;
$(".OffersContainer > span").click(function(){
    $(this).siblings(click ? "div:gt(0)" : "div:lt(3)").slideDown(); 
    click = true;
});