Создание меню

[Lucider105]

Хочу создать меню такого типа 

 

чтобы при выборе родительской категории появлялись справа дочерние категории.

 

Начал писать код для файла меню:
 

<div class="category-menu">

            <div class="parent-categories">

                <ul>

                    {% for category in categories %}

                        <li>

                            <a href="#" class="category-link" data-category-id="{{ category.category_id }}">{{ category.name }}</a>

                        </li>

                    {% endfor %}

                </ul>

            </div>

            <div class="child-categories">

                {% for category in categories %}

                    {% if category.children %}

                        <ul class="subcategory-list" id="{{ category.category_id }}" data-parent-id="{{ category.category_id}}">

                            {% for child in category.children %}

                                <li class="subcategory-item">

                                    <a href="{{ child.href }}">{{ child.name }}</a>

                                </li>

                            {% endfor %}

                        </ul>

                    {% endif %}

                {% endfor %}

            </div>

        </div>

 

        <script>

            const categoryLinks = document.querySelectorAll('.category-link');

 

            categoryLinks.forEach(link => {

            link.addEventListener('click', event => {

            event.preventDefault();

 

            const categoryId = link.dataset.categoryId;

            const subcategories = document.querySelectorAll(`.subcategory-item[data-parent-id="${categoryId}"]`);

 

            subcategories.forEach(subcategory => {

            subcategory.classList.toggle('hidden');

            });

            });

            });

        </script>

 

 

---

 

Но строчка category.category_id выводится в id пустой, и не знаю куда лезть смотреть и где она должна прописыватся. 

[WarStyle]

А есть ли смысл изобретать велосипед?

 

 

[Tahir0088]

01.05.2023 в 12:44, WarStyle сказал:

А есть ли смысл изобретать велосипед?

Есть, если велосипед не нравится.