JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1" class="forHide">News 1</div>
<div id="div2" class="forHide">News 2</div>
<div id="div3" class="forHide">News 3</div>
<div id="div4" class="forHide">News 4</div>
<div id="div5" class="forHide">News 5</div>
<div id="div6" class="forHide">News 6</div>
<div id="div7" class="forHide">News 7</div>
<div id="div8" class="forHide">News 8</div>
<div id="div9" class="forHide">News 9</div>
<div id="div10" class="forHide">News 10</div>

CSS

.forHide{ display: block; border: 1px solid #c2c2c2; background-color: #d2d2d2; font-size: 0.9em; padding: 5px; }

JavaScript

$('.forHide').each(function(index, value){
    $(this).delay(1000 * index).hide(1000);
});