JSFiddle - React, Tailwind, and code Playground

by anton4ept

HTML

<div>
<label><input type="checkbox" class="switch">Переключить
<div class="image image1">Тут любой контент - хотим картинки хотим не картинки</div>
<div class="image image2">Тут любой другой контент</div>
</label>
</div>

CSS

.switch {
  display: none;
}
.switch:checked ~ .image2{
  display: block;
}

.switch:not(:checked) ~ .image1{
  display: block;
}

.image {
  width: 200px;
  width: 200px;
  display: none;
  
}

.image1 {
  outline: 1px solid red;
}