JSFiddle - React, Tailwind, and code Playground

by geekrule

HTML

<a href="#id_1"><b>id_1</b></a>

<br/> <a href="#id_2"><b>id_2</b></a>

<br/>
<br/>
<br/>
<br/>
<div id="id_1">
    <h2>id_1 - <a class="altlink" href="#top" name="id_1" id="id_1">Top</a></h2>
</div>
<div id="id_2">
    <h2>id_2 - <a class="altlink" href="#top" name="id_2" id="id_2">Top</a></h2>
</div>

CSS

div {
    margin: 0px;
    width: 300px;
    height: 80px;
    background: #FFF;
    border: 1px solid black;
    position: relative;
}

JavaScript

$('a[href^="#id"]').on('click', function () {
    var sHref = this.href.split('/');
    $(sHref[sHref.length - 1]).effect("highlight", {
        color: "#FF0000"
    }, 3000);
});