JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<div id="div1">スライドアップ</div>
<div id="div2">スライドダウン</div>

CSS

div {
    float: left;
    width: 150px;
}
#div1 {
    height: 200px;
    background-color: pink;
}
#div2 {
    display: none;
    height: 300px;
    background-color:lightyellow;
}

JavaScript

$('#div1').slideUp();
$('#div2').slideDown();