JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" id="a">CLICK HERE</a>
<pre>






































</pre>
<div id="b">
    <pre>
        CLICK ME









    </pre>
</div>

CSS

#b {
    border: 1px solid: red;
    background-color: #efc;
    display: none; 
}

JavaScript

$("#a").click(function() {
    $("#b").fadeIn(); 
    $('html, body').animate({
        scrollTop: $("#b").offset().top
    }, 2000);
    return false;
});

$("#b").click(function() {
    $('#b').fadeOut();
    $('html, body').animate({
        scrollTop: 0
    }, 1000);
});