Есть блок с содержимым , хочу чтобы по клику на чекбокс этот блок скрывался. Есть еще 2 иконки одна типа плюсик (блок скрыт) и минус (блок показан).
Так думал сделать но не работает почему-то. Подскажите как сделать кнопку когда по нажатию на нее она меняется на другую иконку и показывается и скрывается блок.
Пока повесил на тикер:
HTML:
<input type="checkbox" id="hmt" class="ticker">
<label class="button" for="hmt">
<img src="plus.png" alt=""> //Иконку вставляем в лейбл чекбокса
</label>
CSS:
<code lang="css">
.ticker {
display: none; //Скрываем тикер чекбокса
&:checked ~ .dopinfo {
display: none;
}
}
</code>
