JSFiddle - React, Tailwind, and code Playground

HTML

<div class="desk_box_hor" id="desk_H13" data-rel="237" style="left:398px;top:353px;">H13</div>

<div class="station_info_" id="station_info_237" style="left:398px;top:353px;"><p>User:No User<br>Station:RETCA230-WS0100<br>Pod:H13<br>Section:H<br>State:Offline<br><svg height="200" width="200">
										    <circle cx="40" cy="40" r="5" stroke="black" stroke-width="2" fill="red" />
    
    
    <div class="desk_box_ver" id="desk_I02" data-rel="218" style="left:93px;top:353px;">I02</div>
    <div class="station_info_" id="station_info_218" style="left:93px;top:353px;"><p>User:SPLR<br>Station:RETCA230-WS0221<br>Pod:I02<br>Section:I<br>State:Logged In<br><svg height="200" width="200">
										    <circle cx="40" cy="40" r="5" stroke="black" stroke-width=".5" fill="green" />
        
        
        <div class="desk_box_hor" id="desk_H17" data-rel="235" style="left:272px;top:353px;">H17</div>
        <div class="station_info_" id="station_info_235" style="left:272px;top:353px;"><p>User:No User<br>Station:RETCA230-WS0038<br>Pod:H17<br>Section:H<br>State:Online<br><svg height="200" width="200">
										    <circle cx="40" cy="40" r="5" stroke="black" stroke-width=".5" fill="yellow" />

CSS

/* desk boxes*/
.desk_box_ver{ 
	width: 2.5%;
	height: 33px;
}	

.desk_box_ver:hover{
	cursor: pointer;
}

.desk_box_hor{ 
	width: 31px;
	height: 10px;
}	
.desk_box_hor:hover{
	cursor: pointer;
}

.desk_box_hor, .desk_box_ver { 
	position: absolute; 
	border: 4px solid black; 
	padding:10px;
	font-size:16.5px;
	font-family: "Arial Narrow", sans-serif;
}

/*station info*/
.station_info_ {
	display: none;
  z-index: 100;
	position: absolute;
	background-color: #F2F2F2;
  border-radius: 5px;
  box-shadow: 0px 0px 6px #B2B2B2;
  height: 200px;
  margin-left: 50px;
  width:  275px;
  border:4px solid black;
}

/*close button for station_info*/
.close{
	position: absolute;
  bottom: 0px;
  left: 0px;    
}

.close:hover{
  cursor: pointer;
}

JavaScript

$(".desk_box_hor").add(".desk_box_ver").click(function() {
    						var id = $(this).data("rel");
      					var st = $("#station_info_"+id).toggle();
       					if (!st.has(".close").length) {
            			st.prepend('<button class="close">X</button>');
       					}//end if
   						});//end click