JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<div id="div1">フェードインしてきます</div>
<div id="div2">フェードアウトしちゃいます。</div>

CSS

#div1 {
    display: none;
    background-color: pink;
}
#div2 {
    background-color: lightyellow;
}

JavaScript

//$('#div1').fadeIn();
$('#div2').fadeOut();

$('#div1').fadeIn(2000, function() {
    alert('フェードイン完了！');
});