JSFiddle - React, Tailwind, and code Playground
HTML
<a href="#">Click Here</a>
<p>
Aliquam ut urna ut arcu cursus porttitor. Donec tincidunt ornare faucibus. Nam id elit orci, ac scelerisque eros. Aliquam erat volutpat. Integer quis metus at metus porta eleifend a quis ante. Curabitur varius felis in mi lacinia eu ultricies justo rhoncus. Aliquam id metus quis nisi placerat rhoncus in sit amet justo. Ut mattis tortor et nunc congue eget congue massa ultricies. Etiam pharetra nisi vitae tellus hendrerit gravida ut ultrices nunc. Pellentesque urna nisi, condimentum eu ullamcorper id, commodo eu est. Maecenas id augue quis massa eleifend sodales. Praesent enim nulla, lacinia a iaculis quis, gravida sed ligula. Maecenas suscipit dignissim molestie. Sed vel mauris mi. Vestibulum urna ante, dignissim at luctus vel, porta ut eros. Duis facilisis urna sed eros adipiscing porttitor. Integer mauris neque, semper at pretium at, viverra ac neque. Sed malesuada imperdiet urna, interdum tempor turpis vehicula aliquam. Quisque sapien odio, iaculis ut tristique eget, lobortis vitae arcu. Maecenas vehicula urna ut sapien dictum id vestibulum turpis condimentum.
</p>
<p id="moreText" style="display: none; color: red">
Praesent a mauris sit amet libero molestie sodales vitae ut nibh. Mauris rutrum, ipsum in placerat gravida, elit libero mollis mi, a volutpat nisi erat ut tellus. Nunc placerat suscipit ultricies. Maecenas magna purus, porttitor a vehicula ut, cursus nec erat. Morbi rutrum congue nunc, sit amet placerat sem accumsan at. Sed rhoncus, mi eu elementum malesuada, velit velit commodo libero, non dapibus eros felis eu mi. Etiam imperdiet massa odio, a tristique nibh. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus ornare lacus sollicitudin dui pulvinar pretium. Morbi tincidunt magna sit amet ligula fringilla sed varius nisl laoreet. Morbi laoreet, turpis et imperdiet accumsan, nisl purus blandit odio, in ullamcorper mauris turpis placerat orci. Fusce facilisis turpis...
JavaScript
$("a").click(function(e) {
e.preventDefault();
var $more = $("#moreText").slideToggle("slow");
$("body").animate({
scrollTop: $more.offset().top
}, {
duration: 1200,
queue: false
})
});