JSFiddle - React, Tailwind, and code Playground

HTML

<p><a href="javascript:goAndHighlight('fee')">Go to FEE</a></p>
<p><a href="javascript:goAndHighlight('foo')">Go to FOO</a></p>
<p><a href="javascript:goAndHighlight('bar')">Go to BAR</a></p>
<div id="fee">FEE</div>
<div id="foo">FOO</div>
<div id="bar">BAR</div>

CSS

div {
  margin-top: 20em;
}

.flash {
  animation-name: redflash;
  animation-duration: 5s;
}

@keyframes redflash {
  from {
    background-color: #FF0000;
  }
  to {
    background-color: inherit;
  }
}

JavaScript

window.goAndHighlight = function(loc) {
  window.location.hash = '#' + loc;
  let node = document.getElementById(loc);
  if (node) {
    node.classList.add('flash');
    setTimeout(() => {
      node.classList.remove('flash');
    }, 2000);
  }
}