JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" id="contentArea1" class="link" name="Link1">Link1</a>
<a href="#" id="contentArea2" class="link" name="Link2">Link2</a>
<br>
        
<div id="contentArea1_div" class="main" >
  content1
</div>
<div id="contentArea2_div" class="second" >
  content2
</div>

CSS

.main { background-color: yellow; }
.second { background-color:red;}

JavaScript

$(document).ready(function() {
            
      $(".link").on("click", function() {
          var divId = this.id + "_div";                    
          changeDivContent(divId, this.name);
      });
                
      function changeDivContent(id, linkname) {
          $("#"+id).html("value changed by " + linkname);
      }         
});