JSFiddle - React, Tailwind, and code Playground

by Neal

HTML

<script>
function highlight(obj){
   var orig = obj.style.color;
   obj.style.color = '#f00';
   setTimeout(function(){
        obj.style.color = orig;
   }, 5000);
}
</script>

<a href="#faq1" onClick="highlight(document.getElementById('faq1'));">goto faq1</a>
<a href="#faq2" onClick="highlight(document.getElementById('faq2'));">goto faq2</a>
    
    <div id='faq1'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nibh enim, varius luctus rhoncus vitae, auctor laoreet orci. Aliquam sit amet laoreet tellus. Quisque non libero vitae neque laoreet molestie a a tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin enim massa, pulvinar vel eleifend sed, congue et dui. Nunc fermentum vulputate tellus, at semper leo porttitor ultricies. In hac habitasse platea dictumst. Pellentesque placerat vulputate interdum. Nulla vestibulum odio sit amet enim interdum commodo. Maecenas laoreet vehicula molestie. Vivamus posuere leo vulputate dolor mollis rhoncus.
</div>
<br/>
<div id='faq2'>Sed laoreet, dolor quis accumsan condimentum, nisl purus lobortis felis, at dictum nibh libero eu magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce malesuada consequat erat id condimentum. Phasellus et pellentesque neque. Sed rhoncus pharetra leo, convallis rhoncus magna pellentesque at. Donec id risus eros, eu porta turpis. Sed bibendum cursus fermentum. Morbi vel ipsum sit amet dolor sagittis ultrices quis vel ante. Mauris rutrum enim et dui iaculis nec scelerisque ipsum euismod. Sed orci velit, tempus eget aliquam vitae, volutpat in purus. Vivamus at turpis at magna consectetur aliquam.
</div>