JSFiddle - React, Tailwind, and code Playground

HTML

<a id="one-link">Slide</a>
<div id="one"></div>

<p>&nbsp;</p>

<a id="two-link">Fade</a>
<div id="two"></div>

CSS

#one {
    width      : 50px;
    height     : 50px;
    background : red;
    display    : none;
}
#two {
    width      : 50px;
    height     : 50px;
    background : blue;
    display    : none;
}

JavaScript

$('#one-link').on('click', function () {
    $('#one').slideToggle(500);
});

$('#two-link').on('click', function () {
    $('#two').fadeToggle(600);
});