Поддержка Проблемы и решения Как создать подобное меню?

  • Коллеги, подскажите, пожалуйста, как можно реализоваться подобное меню в сайдбаре?
    Суть в том, чтобы по умолчанию список был закрыт, при нажатии, он раскрывался, и если открыт другой пункт меню, чтобы тот автоматически закрывался. Как аккордеон.
    Вот пример:
    Скриншот меню

    Спасибо!

Просмотр 13 ответов — с 1 по 13 (всего 13)
  • чтобы по умолчанию список был закрыт, при нажатии, он раскрывался, и если открыт другой пункт меню, чтобы тот автоматически закрывался. Как аккордеон.

    яваскрип и/или стили.

    • Ответ изменён 7 лет, 7 месяцев назад пользователем SeVlad.

    Я это понимаю, что яваскрипт, но может быть кто-то такое делал и сможет дать более подробную инструкцию.

    Я это делал с помощью произвольного меню так — Доработка виджета произвольного меню.

    если вы про раскрывающееся меню, то этого добра в репозитории навалом — https://wordpress.org/plugins/wpb-accordion-menu-or-category/
    если же про внешний вид на скриншоте — к такому виду надо приводить свое меню с помощью css.

    Я это делал с помощью произвольного меню так — Доработка виджета произвольного меню.

    Спасибо! Это похоже на то что нужно, только раскрытые пункты не закрываются, при открытии других.

    если вы про раскрывающееся меню, то этого добра в репозитории навалом — https://wordpress.org/plugins/wpb-accordion-menu-or-category/
    если же про внешний вид на скриншоте — к такому виду надо приводить свое меню с помощью css.

    Спасибо! Конечно я понимаю, что оформление нужно делать своими силами под дизайн. А на счет ссылочки, посмотрю, может подберу то что нужно

    Наверно нужно было начать с этого, вот сайт где реализовано это меню darstvennaja.ru

    • Ответ изменён 7 лет, 7 месяцев назад пользователем freeman1.

    Это похоже на то что нужно, только раскрытые пункты не закрываются, при открытии других.

    Тогда, судя по сайту примеру, скорее не «не закрываются, при открытии других«, а остаются открытыми при переходе на выбранную страницу.

    Если я верно понял, это продолжение предложенного — Доработка виджета произвольного меню [дополнение].

    Но в Вашем примере, все гораздо проще, в нем достаточно только CSS стилей, а предложенный мной во второй ссылке, позволяет раскрыть подпункты интересующего основного пункта без перехода на страницу этого пункта. Т.е. более удобен с точки зрения UX.

    Большое спасибо, Evgeny Vlasov, за советы! Ваш вариант то что надо!

    а предложенный мной во второй ссылке, позволяет раскрыть подпункты интересующего основного пункта без перехода на страницу этого пункта. Т.е. более удобен с точки зрения UX.

    Попробовав реализовать и не понял сначала, подумал что это баг, а оказывается, это фича 🙂
    Скажите, а можно все таки сделать чтобы был переход на страницу основного пункта? так как на сайте-примере? так как там по задумке уже есть описание раздела, и соответствующий контент.

    Ну и раз будет открывается страница основного пункты, можно ли сделать, чтобы чтобы вложенные пункты другого пункта меню, автоматом закрылись, при переходе на другой основной пункт?

    Еще раз спасибо!

    Тогда исключить JS полностью и чуть подкорректировать стили.

    Спасибо, попробую

    Если что-то не выйдет, обращайтесь, помогу сделать.

    к сожалению так как на примере не получилось 🙁 буду использовать ваш предложенный вариант с дж. скриптом. Может быть будет время, буду благодарен за подсказку, как реализовать такое меню как на сайте в примере. спасибо!

    @freeman1 если укажете ссылку, я постараюсь предложить подходящее именно Вам решение.

Просмотр 13 ответов — с 1 по 13 (всего 13)
  • Тема «Как создать подобное меню?» закрыта для новых ответов.