What should be a convenient multi-level navigation menu in the mobile version of the site?

Question

Mobile development

Good afternoon!
There is a mobile version of the site with a hamburger menu (the menu appears when you click on the button).
Menu nesting level: 3 levels.
At the first level there are 10-12 sections.
In the second - third level: up to 3 subsections in each section.
A page is attached to each menu item, for example:
- Main
- Poultry
--- Goose
--- Duck
--- Chicken
- Meat
--- Pork
--- Beef
- Additional
- Porridges
I.e.: there is a page and for "Basic", and for "Bird", and for "Goose".
Therefore, it is not possible to expand/collapse a section on click and make a transition only when clicking on a menu item that has no children. You need to be able to navigate to the page of each menu item.
Displaying all the menu expanded at once is also not convenient, because. real section titles are quite long and there are a lot of them.
Are there any standard approaches for implementing a convenient menu with such functionality?

Answer 1

По-моему, всё просто. У родительского раздела задается две кнопки - одна переводит на страницу раздела, а другая разворачивает подразделы. А как иначе?

Answer 2

Слинки вам в помощь) alizahid.github.io/slinky
https://github.com/alizahid/slinky/
сам как то задался такой задачей чтоб удобно было и на десктопе и на мобиле