JSFiddle - React, Tailwind, and code Playground

HTML

<a href="http://example.com">example</a>
<br><button>Toggle link functionality</button>

CSS

.disabledLink {
  color: black;
  text-decoration: none;
  cursor: default;
}

JavaScript

$(function() {
  var disabled = false;
  $('button').click(function() {
    if (disabled) {
      //re-enable
      $('a').off('.disabledLink').removeClass('disabledLink');
    } else {
      //disable
      $('a').on('click.disabledLink', false).addClass('disabledLink');
    }
    
    disabled = !disabled;
  });
});