JSFiddle - React, Tailwind, and code Playground

by Nevear

HTML

<div class="mob_mamon"><label id="lab_mamon" for="in_mamon"></label> <input id="in_mamon" type="checkbox" />
<div id="expand">
<p>mew</p>
</div>
</div>

CSS

.mob_mamon input[type=checkbox] + #expand {
  display: none;
}


.mob_mamon input[type=checkbox]:checked + #expand {
  display: block;
}

#in_mamon[type=checkbox] {
  display: none;
  visibility: hidden;
}

/* для картинки,если не надо можно забить */

#lab_mamon::before {
  font-family: Consolas, monaco, monospace;
  font-weight: bold;
  font-size: 15px;
  content: "";
  vertical-align: text-top;
  display: inline-block;
  width: 50px;
  height: 51px;
 background-size: 50px;
 
 background-image:url(https://mamon-beton.ru/templates/btn/images/icon.png);
 
 }
 
 /*хз зачем */
 #expand {
   width:240px;
   
  overflow: hidden;
  background: url(http://placekitten.com/g/600/300);
  color: #FFF;
  
}