Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.10.2019, 12:38
Интересующийся
Отправить личное сообщение для blazer-05 Посмотреть профиль Найти все сообщения от blazer-05
 
Регистрация: 24.02.2017
Сообщений: 18

Как скрывать/раскрывать динамические категории?
Здравствуйте.
Есть меню категорий в которое динамически создаются и выводятся категории.
Картинка 2019-10-11_122819.jpg
Внизу меню есть кнопка More categories по которой если кликнуть, то выводятся скрытые категории. Но проблема в том, что это работает если категории статичны просто обычный html. В коде это так выглядит
<!-- CATEGORY-MENU-LIST START -->
<div class="left-category-menu hidden-sm hidden-xs">
    <div class="left-product-cat">
        <div class="category-heading">
            <h2>categories</h2>
        </div>
        <div class="category-menu-list">
            <ul class="root">
                {% recursetree nodes %}
                    <!-- Single menu start -->
                    <li class="arrow-plus">
                        <a href="{% url 'shop:catlinks' node.slug %}">{{ node.name }}</a>
                        <!--  MEGA MENU START -->
                        {% if not node.is_leaf_node %}
                            <div class="cat-left-drop-menu">
                                {% for child in node.children.all %}
                                    <div class="cat-left-drop-menu-left">
                                        <a class="menu-item-heading" href="{% url 'shop:catlist' child.slug %}">
                                            {{ child.name }}&nbsp;({{ child.subcategory_items_count }})
                                        </a>
                                        <ul class="children">
                                            {% recursetree child.children.all %}
                                                <li>
                                                    <a href="{% url 'shop:shop-list' node.slug %}">
                                                        {{ node.name }}&nbsp;({{ node.product_items_count }})
                                                    </a>
                                                </li>
                                            {% endrecursetree %}
                                        </ul>
                                    </div>
                                {% endfor %}
                            </div>
                        {% endif %}
                        <!-- MEGA MENU END -->
                    </li>
                    <!-- Single menu end -->
                {% endrecursetree %}

                <!-- MENU ACCORDION START -->
                <li class=" rx-child">
                    <a href="shop.html">Каталог</a>
                </li>
                <li class=" rx-child">
                    <a href="shop.html">Books</a>
                </li>
                <li class=" rx-parent">
                    <a class="rx-default">
                        More categories <span class="cat-thumb  fa fa-plus"></span>
                    </a>
                    <a class="rx-show">
                        close menu <span class="cat-thumb  fa fa-minus"></span>
                    </a>
                </li>
                <!-- MENU ACCORDION END -->
            </ul>
        </div>
    </div>
</div>
<!-- END CATEGORY-MENU-LIST -->


Подскажите, как сделать, что была возможность выводить сюда мои категории к примеру первые 10шт. остальные, чтоб скрывались? Т.е. на сайте будет много категорий и из-за этого менюха будет большой, как можно это сделать?
Изображения:
Тип файла: jpg 2019-10-11_122819.jpg (8.1 Кб, 3 просмотров)
Тип файла: jpg 2019-10-11_122838.jpg (6.0 Кб, 2 просмотров)

Последний раз редактировалось blazer-05, 11.10.2019 в 12:40.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
mouseover jquery SolomonRei Элементы интерфейса 0 27.11.2018 17:41
Как в меню nw.js прикрутить иконки romang Node.JS 0 16.05.2016 22:38
Замена стилей класса Павел Турченко Элементы интерфейса 9 30.10.2015 15:24
Бесконечноуровневое меню на CSS ruslan_mart Ваши сайты и скрипты 5 12.01.2015 20:59
как сделдать меню из двух калонок как в bestchange.ru Андрей Лебедев Элементы интерфейса 2 21.01.2013 10:32