JSFiddle - React, Tailwind, and code Playground

by stefek99

HTML

<a href="#" id="1">One</a>
<a href="#" id="2">Two</a>
<a href="#" id="3">Three</a>

<br/>
<br/>

<a href="#" id="clicker">Click</a>

JavaScript

$('#clicker').click(function() { console.log('click'); $('#2').focus(); });

  $('#2').blur(function() { console.info('2 blur') });
  $('#2').focus(function() { console.info('2 focus') });
  $('#1').click(function() { console.info('1') });
  $('#2').click(function() { console.info('2') });
  $('#3').click(function() { console.info('3') });

  $('#clicker').blur(function() { console.info('clicker blur') });
  $('#clicker').focus(function() { console.info('clicker focus') });