JSFiddle - React, Tailwind, and code Playground

by learner001

HTML

<div class="change">
		<div class="col-md-2">
			<a href="#" class="add1"><h4>Add</h4></a>
		</div>
		
		<div class="col-md-10">
			<div class="new_member_box_display" ></div>
		</div>
	</div>
  
  <div id="addcontent1">Content for Add</div>  
 

<!---<a href="#" class="add2"><h4>Subtract</h4></a>
 <div id="addcontent2">Content for Subtract</div>-->

CSS

#addcontent1, #addcontent2 {display: none;}

JavaScript

$('[class^="add"]').on('click', function(e){
    e.preventDefault();
    var numb = this.className.replace('add', '');
    $('[id^="addcontent"]').hide();
    $('#addcontent' + numb).show();
});