JSFiddle - React, Tailwind, and code Playground

by carloscalla

HTML

<label class="hide_action" for="chk1">Action toggle</label>
<input id="chk1" type="checkbox" />
<div>Sibling div</div>

CSS

.hide_action{
  display:block;
  background-color: yellow;
}
.hide_action + input{ /* or #chk1 */
  display:none;
}
.hide_action + input + *{ /* or #chk1 (selector for what you want to hide) */
  display:none;
}
.hide_action + input:checked + *{ /* or #chk1:checked (selector for what you want to hide) */
  display:block;
}