Показать сообщение отдельно
  #6 (permalink)  
Старый 03.08.2018, 01:04
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

Ну и если вам нужно вернуть состояние обратно... Хотя и необязательно!

<input type="checkbox" id="duplicates-filter">
<label for="duplicates-filter">Скрыть дубли</label>
<ul id="list">
	<li id="item1" class="clone">01</li>
	<li id="item2" class="clone" hidden>02</li>
	<li id="item3" class="clone">03</li>
	<li id="item4" class="box">04</li>
	<li id="item5" class="box" hidden>05</li>
	<li id="item6" class="box" hidden>06</li>
	<li id="item7" class="box">07</li>
</ul>

<style>
#duplicates-filter:checked ~ ul .clone:not([hidden]) ~ .clone,
#duplicates-filter:checked ~ ul .box:not([hidden]) ~ .box{
	display: none;
}
</style>
Ответить с цитированием