JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box">
          <img class="object_1" src="images/1.jpg">
          <img class="object" src="images/2.jpg">
          <img class="object" src="images/3.jpg">
          <img class="object" src="images/4.jpg">
          ...
          <img class="object" src="images/n.jpg">

          <button class="showr">Показать</button>
          <button class="hidr">Спрятать</button>
</div>

<div id="box">
          <img class="object_1" src="images/1.jpg">
          <img class="object" src="images/2.jpg">
          <img class="object" src="images/3.jpg">
          <img class="object" src="images/4.jpg">
          ...
          <img class="object" src="images/n.jpg">

          <button class="showr">Показать</button>
          <button class="hidr">Спрятать</button>
</div>

JavaScript

$(document).ready(function(){
          $(".showr").click(function (e) {
               var box = $(this).parent("div") ;
              
                    $(".object:eq(0)", box).show("fast", function () {
                              $(this).next().show(350, arguments.callee);
                    });
                    $(".object_1", box).slideDown("fast");
          });
          $(".hidr").click(function () {
              var box = $(this).parent("div") ;
                    $(".object", box).hide(2000); 
                    $(".object_1", box).slideUp(1000); 
          });
});