JSFiddle - React, Tailwind, and code Playground

HTML

<div id="section2_table" class="section2_class">
  <div id="systemID"></div>
  <div id="countryID"></div>
  <div id="departmentID"></div>
  <div id="areaID"></div>
  <div id="jobRoleID"></div>
  <div id="ReleaseStrategy"></div>
  <div id="Details2"><span>Cateva detalii aici</span></div>
  <div id="popUpDetails"><a href="#">DETAILS</a></div>
</div>

CSS

#section2_table div {
  background-color: cyan;
  border: 1px solid white;
  height: 22px !important;
}
#popUpDetails{
  display:none;
}

JavaScript

$(function() {
  $("#departmentID").click(function() {
		$('#popUpDetails').show();
  });
});