Ну и если вам нужно вернуть состояние обратно... Хотя и необязательно!
<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>