hierarchical-menu.html.twig in Cheeseburger Menu 8

{% macro searchChild(subitems, route_id, page_type, current_url) %}
    {% import _self as macros3 %}
    {% if subitems|length > 0 %}
        <ul style="height: 0; overflow: hidden;">
            {% for item in subitems %}

                {% if (route_id == item.id and page_type == item.type)
                    or (route_id in item.id and page_type == item.type)
                    or (item.id in route_id and page_type == item.type)
                    or (current_url  == item.url)
                %}
                    {% set activeClass = 'active' %}
                {% else %}
                    {% set activeClass = '' %}
                {% endif %}

                {% if item.subitem|length > 0 %}
                    <li class="cheeseburger-menu__menu-list-item cheeseburger-menu__menu-list-item--child cheeseburger-menu__menu-list-item--expanded {{ activeClass }}">
                {% else %}
                    <li class="cheeseburger-menu__menu-list-item cheeseburger-menu__menu-list-item--child {{ activeClass }}">
                {% endif %}

                {% if item.icon %}
                    <img src="{{ item.icon }}" class="cheeseburger-menu__menu-list-item-image">
                {% endif %}
                <a href="{{ item.url }}" class="cheeseburger-menu__menu-list-item-link {{ activeClass }}">{{ item.name }}</a>
                {{ macros3.searchChild(item.subitem, route_id, page_type, current_url) }}
                </li>

            {% endfor %}
        </ul>
    {% endif %}
{% endmacro %}

{% macro render(menu_tree, route_id, page_type, current_url) %}
    {% import _self as macros2 %}
    {% for item in menu_tree %}

        {% if (route_id == item.id and page_type == item.type)
            or (route_id in item.id and page_type == item.type)
            or (item.id in route_id and page_type == item.type)
            or (current_url  == item.url)
        %}
            {% set activeClass = 'active' %}
        {% else %}
            {% set activeClass = '' %}
        {% endif %}

        {% if item.subitem|length > 0 %}
            <li class="cheeseburger-menu__menu-list-item cheeseburger-menu__menu-list-item--parent cheeseburger-menu__menu-list-item--expanded {{ activeClass }}">
                {% if item.icon %}
                    <img src="{{ item.icon }}" class="menu-item-image">
                {% endif %}
                <span class="cheeseburger-menu__menu-list-item-link cheeseburger-menu__menu-list-item-link--span {{ activeClass }}">{{ item.name }}</span>
                    {{ macros2.searchChild(item.subitem, route_id, page_type, current_url) }}
            </li>
        {% else %}
            <li class="cheeseburger-menu__menu-list-item {{ activeClass }}">
                {% if item.icon %}
                    <img src="{{ item.icon }}" class="menu-item-image">
                {% endif %}
                <a href="{{ item.url }}" class="cheeseburger-menu__menu-list-item-link {{ activeClass }}">{{ item.name }}</a>
                {{ macros2.searchChild(item.subitem, route_id, page_type, current_url) }}
            </li>
        {% endif %}



    {% endfor %}
{% endmacro %}

{% import _self as macros %}
<div class="cheeseburger-menu__menu cheeseburger-menu__menu--{{ machine_name }}" data-drupal-selector="cheeseburger-menu--{{ machine_name }}">
    <span class="cheeseburger-menu__menu-list-trigger"></span>
    {% if title != FALSE %}
        <div class="cheeseburger-menu__menu-title">{{ title }}</div>
    {% endif %}
    <ul class="cheeseburger-menu__menu-list">
        {{ macros.render(menu_tree, route_id, page_type, current_url) }}
    </ul>
</div>