JSFiddle - React, Tailwind, and code Playground

by techiedelight

HTML

<!doctype html>
<html lang="en">
<body>
  <a href="https://www.bing.com/">Click Me</a>
  <br><br>
  <div>
    <button id="toggle">Toggle Hyperlink</button>
  </div>
</body>
</html>

CSS

a.disabled {
  color: gray;
}

JavaScript

$(document).ready(function() {
  $('#toggle').click(function() {
   if ($('a').hasClass('disabled')) {
      $('a').removeClass('disabled');
    } else {
      $('a').addClass('disabled');
    }
  });

  $('a').click(function() {
    if ($(this).hasClass('disabled')) {
      return false;
    }
  });
});