JSFiddle - React, Tailwind, and code Playground

HTML

<div class="bold knowmore login" id="j-6">
<span>...</span>
</div>

JavaScript

$(function(){
  $(document).on("click",".login", function(e){ 
      e.preventDefault();
     console.log('login clicked!');       $(".bold.knowmore").removeClass("login").addClass("displayAdvert");
  });

  $(document).on("click", '.displayAdvert',function(e){
      e.preventDefault();
    console.log("display was clicked!");
  }); 
});