JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div-1" style="display:block" class="manset">
    BİRİNCİ
</div>
<div id="div-2" class="manset">
    İKİNCİ
</div>
<div id="div-3" class="manset">
    ÜÇÜNCÜ
</div>
<div id="div-4" class="manset">
    DÖRDÜNCÜ
</div>
<div id="div-5" class="manset">
    BEŞİNCİ
</div>

CSS

.manset {
    border:1px solid #ccc;
    padding:3px;
    margin:3px;
    text-align:center;
    display:none;
}

JavaScript

function MansetDegis(beklemesuresi, DegisecekManset, ToplamManset){
    
    var GelecekManset = DegisecekManset+1;
    if(DegisecekManset == ToplamManset){
       GelecekManset = 1;
    }
        
         setTimeout(function(){
        $('#div-'+DegisecekManset).slideUp(500);
        $('#div-'+GelecekManset).slideDown(500);
            MansetDegis(beklemesuresi, GelecekManset, ToplamManset);
        }, beklemesuresi);
}

MansetDegis(5000, 1, 5);