Виталий

background-blend-mode ?

1) в таком раскладе текст тогглится, но не тогглятся стрелки. То есть, при повторном клике стрелки не поворачиваются еще на 180град. Они остаются повернутыми вверх.
2) Если я кликаю на кнопку, то действие происходит со всеми четырьмя элементами, а происходить должно с одним блоком. Здесь наверное надо использовать this, но не получается.
3) Собственно, сами скрытые элементы не разворачиватся/сворачиваются :(
ul class="toggle_list">
div class="arrow">
li>Игрушки для малышей
li>Игрушки для мальчиков
li>Игрушки для девочек
li>Мягкие игрушки
li class="hidden">Игрушки для малышей
li class="hidden">Игрушки для мальчиков
li class="hidden">Игрушки для девочек
li class="hidden">Мягкие игрушки
/ul
ПОКАЗАТЬ ВСЕ-->

да, но при наведении мыши на всплывающий блок, он не должен исчезать. То есть mouseOver и на него должен распространяться.
+ И буду благодарен, если подскажете, как отменить это событие при размере экрана меньше 992px. То есть на дисплеях < 992px должно работать другое событие. Не hover, a, скажем, click.
Так как на сенсорных устройствах hover не уместен