Как в slicknav скрыть дочерние элементы меню?

Question

[Павел]

По умолчанию в slicknav дочерние элементы меню скрыты, раскрываются при клике на родительский пункт меню, но при следующей структуре верстки:

<ul>
   <li><a href="#">item 3</a></li>
   <li><a href="#">Parent 3</a>
      <ul>
         <li><a href="#">item 8</a></li>
         <li><a href="#">item 9</a></li>
         <li><a href="#">item 10</a></li>
      </ul>
   </li>
   <li><a href="#">item 4</a></li>
</ul>

У меню немного отличается структура кода (у меня дочерний ul находится в теге div, это необходимо по верстке):

<ul>
   <li><a href="#">item 3</a></li>
   <li><a href="#">Parent 3</a>
      <div>
         <ul>
            <li><a href="#">item 8</a></li>
            <li><a href="#">item 9</a></li>
            <li><a href="#">item 10</a></li>
         </ul>
      </div>
   </li>
   <li><a href="#">item 4</a></li>
</ul>

В моем случае дочерние пункты меню раскрыты

Как их скрыть? что нужно исправить?

Comments

[z_u_q]

Выложите код на codepen или в другую песочницу или хотя бы напишите какие опции задавали для slicknav.
По html и скринам сложно догадаться в чём Ваша проблема.

[Павел]

z_u_q,
https://codepen.io/AlexZax90/pen/QoxReb

[Froggyweb]

скрипт работает опираясь на определенную разметку DOM
Либо менять скрипт, либо разметку.

[Павел]

Froggyweb,
не ужели нет вариантов внеся изменения в файле jquery.slicknav.js ?

[Froggyweb]

3axap_90, это вариант

Либо менять скрипт

[z_u_q]

3axap_90, А для чего Вы используете в своей разметке div в списках? Это как минимум, семантически неправильно и так делать нельзя. Если его убрать, то всё работает. Задайте css свойства, которые Вы задаете div тегу ul и у Вас будет все и семантически правильно, и плохого кода не наплодите (: Доделывать скрипт имеет только смысл, если у Вас доступа к проекту нет. А так - ошибка в разметке и, как следствие, в css.
Т.е. Вам нужно убрать div и переписать css.

[Павел]

z_u_q,
Где вы это увидели, что это семантически неправильно???
а знаю, что если убрать div, то все работает корректно, но в первом посте я написал

У меню немного отличается структура кода (у меня дочерний ul находится в теге div, это необходимо по верстке):

[z_u_q]

3axap_90, тогда можно так просто замените все ul в скрипте на div'ы

[Павел]

z_u_q, реально работает!
то есть вы все ul заменили на div или выборочно?