JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <div class="box">
        <div class="list">

        </div>
    </div>
    <a href="#" class="link">click me</a>
</div>

JavaScript

$('.link').click(function(e) {
    var wrap = $(this).closest('.wrap').find('.list' );
    var mydata = "test data";
            
    $(mydata).hide(1000, function(){						
        $(wrap).append($(mydata));
        $(mydata).show(6000);
    });
    
});