В адаптивном вертикальном меню не срабатывает вложенность, как решить?

Question

[sergey]

На jsfiddle видно как срабатывает меню.
В проекте само меню адаптивное работает, но вот подменю при наведении/клике на Литература по дошкольному образованию не открывается (просто идет переход на страницу). Не могу понять что сделал не так.

UPD
Частично проблему решило закоментирование следующих строк:

.mobile-menu ul {
position: absolute;
z-index: 100;
/*display: none;*/
}

и

/*.mobile-menu li ul {
display: none;
}*/

но нарисовалась другая проблема: теперь мобильное меню не прячется...

Comments

[V Sh.]

У вас же обработка на клик установлена. При щелчке меню открывается?

[sergey]

V Sh.: ткните пальцем где оно открывается, я же не про саму работу меню, а о подменю, ни при клике ни при щелчке у меня не работает(не раскрывается подменю)

[V Sh.]

SM: А что за класс .mobile__menu? Вы в него пытаетесь добавить скопированные элементы li (ul), но самого класса я что-то ни на одном элементе в html-коде не нашел...

[sergey]

V Sh.: это случайно, вместо .mobile-menu прописал

[sergey]

V Sh.: исправил, но ситуация не изменилась

[V Sh.]

SM: В-общем, у вас вот с этим проблема: height = ul.css("height") === "0px" ? scrollHeight + "px" : "0px"; Тут всегда получается 0px и поэтому список не раскрывается.

[sergey]

V Sh.: это я понимаю, но вот на jsfiddle примере работает же

[Алексей]

SM: а данному пункту меню ссылка точно нужна не пустая ?

[sergey]

Алексей: нет, первый пункт имеет 8 подпунктов

[Антон Нагаец]

Вроде все нормально же ?

[sergey]

Антон Нагаец: да вопрос еще вчера решен был

[Антон Нагаец]

SM: простите ) на время не смотрел

Answer 1

[sergey]

Решение вопроса оказалось очень и очень простым:
необходимо: переименовать в(@media screen and (max-width: 991px)) .mobile-menu ul в .sidebar__menu-list, а в .mobile-menu li ul удалить display: none и добавить z-index: 1;