Скрыть элемент меню и добавить его в подменю?

Question

[Aleksandr]

Вчера задавал похожий вопрос, но не корректно поставили задачу.
Вопрос вот в чем, есть меню, состоящее из 11 пунктов. При уменьшение размера экарана, пунктов меню становится меньше, но при этом они не просто скрываются, а добавляются к определенным пунктам как подменю.
Пример

тут сделано на js. Есть какой-то вариант решения другой?

Answer 1

[Wheelie]

В вашем примере пункты меню просто скрыты , а при уменьшении показываются.

Comments

[Aleksandr]

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

[Wheelie]

Sashjkeee: Элементы подменю изначально есть в разметке. А при уменьшении размера экрана некоторым элементам из основного меню ставится display:none , а из под меню display:block;