JSFiddle - React, Tailwind, and code Playground

by mojtaba

HTML

<div class="alertStateFalse">
   <div class="childAlertStateTrue">TRUE</div>
   <div class="childAlertStateFalse">FALSE</div>
</div>

<div class="alertStateTrue">
   <div class="childAlertStateTrue">TRUE</div>
   <div class="childAlertStateFalse">FALSE</div>
</div>

CSS

.alertStateTrue .childAlertStateTrue { display: block; }
.alertStateTrue .childAlertStateFalse { display: none; }
.alertStateFalse .childAlertStateTrue { display: none; }
.alertStateFalse .childAlertStateFalse { display: block; }