JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://flesler-plugins.googlecode.com/files/jquery.scrollTo-1.4.3.1-min.js"></script>
<div class="bla">
<a class="text" href="#one">One</a>
<a class="text" href="#two">Two</a>
</div>
JavaScript
function scrollPage(currentpage,scrollpage) {
$(scrollpage).find('.text').fadeOut();
$(currentpage).find('.text').fadeOut( function(){
$('#wrapper').scrollTo( scrollpage, 1500, {
onAfter:function(){
$(scrollpage).find('.text').fadeIn();
}
});
});
}
scrollPage(".bla");