JSFiddle - React, Tailwind, and code Playground

HTML

<!--<div id="btnDiv">DIV CLICK</div>-->
 <!--<input id="btnButton" type="button" value="Button Click me" />-->
 <a href="#" onclick="enablediv(); return false;" id="b1">Step 1</a><br> <br>
 
 <a href="#" id="b2">Step 2</a><br> <br>
 <a href="#" id="b3">Step 3</a>

JavaScript

$('#b2').css('pointer-events', 'none');
$('#b3').css('pointer-events', 'none');

/*function disablediv() {
   $('#div1 :button').attr('disabled', true);
   $("#a1").click(function (event) {
      event.preventDefault();
   });
}*/


function enablediv() {
alert("Hi");
   $('#b2').css('pointer-events', display);
   $("#b1").click(function (event) {
      event.preventDefault();
   });
}