JSFiddle - React, Tailwind, and code Playground
HTML
<div id="map_size">
<div class='desk_box' id='desk_box_84' style='position:absolute;left:20px;top:1230px;'>id:84</div><div class='desk_box' id='desk_box_85' style='position:absolute;left:20px;top:1165px;'>id:85</div><div class='desk_box' id='desk_box_86' style='position:absolute;left:20px;top:1100px;'>id:86</div><div class='desk_box' id='desk_box_87' style='position:absolute;left:20px;top:1035px;'>id:87</div><div class='desk_box' id='desk_box_92' style='position:absolute;left:73px;top:1230px;'>id:92</div><div class='desk_box' id='desk_box_93' style='position:absolute;left:73px;top:1165px;'>id:93</div><div class='desk_box' id='desk_box_94' style='position:absolute;left:73px;top:1100px;'>id:94</div><div class='desk_box' id='desk_box_95' style='position:absolute;left:73px;top:1035px;'>id:95</div><div class='desk_box' id='desk_box_96' style='position:absolute;left:166px;top:1230px;'>id:96</div><div class='desk_box' id='desk_box_97' style='position:absolute;left:166px;top:1165px;'>id:97</div><div class='desk_box' id='desk_box_98' style='position:absolute;left:166px;top:1100px;'>id:98</div><div class='desk_box' id='desk_box_99' style='position:absolute;left:166px;top:1035px;'>id:99</div><div class='desk_box' id='desk_box_100' style='position:absolute;left:219px;top:1230px;'>id:100</div><div class='desk_box' id='desk_box_101' style='position:absolute;left:219px;top:1165px;'>id:101</div><div class='desk_box' id='desk_box_102' style='position:absolute;left:219px;top:1100px;'>id:102</div><div class='desk_box' id='desk_box_103' style='position:absolute;left:219px;top:1035px;'>id:103</div><div class='desk_box' id='desk_box_131' style='position:absolute;left:312px;top:1230px;'>id:131</div><div class='desk_box' id='desk_box_132' style='position:absolute;left:312px;top:1165px;'>id:132</div><div class='desk_box' id='desk_box_133' style='position:absolute;left:312px;top:1100px;'>id:133</div><div class='desk_box' id='desk_box_134'...
CSS
#map_size{
width:1190px;
height:1300px;
background:#0099FF;
border-style: solid;
border-color: black;
position: relative;
}
/* desk boxes*/
.desk_box{
width: 23px;
height: 10px;
border: 4px solid black;
padding:10px;
}
/*station info*/
.station_info {
display: none;
width:150px;
height:150px;
margin-left:100px; /* <--this */
border:4px solid black;
background-color:white;
}
JavaScript
$(".desk_box").click( function() {
$(".station_info").hide(); // to hide all the others.
$("#station_info"+ $(this).attr('data') ).show();
});