JSFiddle - React, Tailwind, and code Playground

by Nicolas PUJOL

HTML

<div id="top11">top11</div>
<div id="top12">top12</div>
<div id="top13">top13</div>
<div id="collapse201" class="in">collapse201</div>
<div id="collapse202" class="in">collapse202</div>
<div id="collapse203" class="in">collapse203</div>

CSS

.in {
  color:red;
}

JavaScript

$("#top11").click(function() {
  $("#collapse202").removeClass("in");
  $("#collapse203").removeClass("in");
});
$("#top12").click(function() {
  $("#collapse201").removeClass("in");
  $("#collapse203").removeClass("in");
});
$("#top13").click(function() {
  $("#collapse201").removeClass("in");
  $("#collapse202").removeClass("in");
});