Как побороть проблему с сохранением выбранного состояния?

Question

[sergey]

Есть sidebar в котором несколько пунктов меню list__item (в которых соответственно есть подпункты изначально скрыты): когда идет клик по пункту меню добавляется класс open с помощью toogleClass и открывается подменю, в котором с помощью клика по подпункту вешаем класс active. До этого момента все работает как нужно.

А как сохранить состояние выбранного подпункта при закрытии / открытии родителя (пункта меню)

<div class='list'>
  <div class='list__item open'>
    <span class='list__picture active'></span>
    <span class='list__picture'></span>
  </div>
  <div class='list__item'>
    <span class='list__picture'></span>
    <span class='list__picture'></span>
  </div>
  <div class='list__item'>
    <span class='list__picture'></span>
    <span class='list__picture'></span>
  </div>
</div>

Comments

[sergey]

VicTHOR, класс active должен остаться (убирается / появляется класс open)