menu_sub.html

{% comment %}
  This page creates a submenu item. It expects an appropriate `item` as argument. 
{% endcomment %}

{% unless item.menu_hidden %}

  <!-- Figure out our current location -->
  {% assign url_parts = page.url | split: '/' %}
  {% assign base_url = url_parts | last %}
  {% assign base_folder = url_parts[1] %}

  <!-- Find out if we are active -->
  {% assign menu_active = false %}

  <!-- if we are in the right folder, we are active -->
  {% if base_folder == item.folder %}
    {% assign menu_active = true %}
  {% endif %}
  
  <!-- check if we are in the current oder -->
    {% for item in item.items %}
        {% unless item.menu_page %}
            {% unless item.external_page %}
                {% if item.url == page.url %}
                    {% assign menu_active = true %}
                {% endif %}
            {% endunless %}
        {% endunless %}
    {% endfor %}
    
  {% assign pages = site.pages | sort: "menu_order"%}
  
  <!-- Find the current folder -->
  {% assign item_folder = item.folder %}

  <li class="no-padding">
    <ul class="collapsible collapsible-accordion">
      <li class="bold">
        <a class="collapsible-header {% if menu_active %}active{% endif %}">
        {% if item.menu_title %}
          {{ item.menu_title }}
        {% else %}
          {{ item.title }}
        {% endif %}
        </a>
        <div class="collapsible-body">
          <ul>
              <!-- If we have folders, iterate over them -->
              {% if item.folder %}
                {% for item in pages %}
                    <!-- get the current page -->
                    {% assign sub_parts = item.url | split: '/' %}
                    {% assign sub_url = sub_parts | last %}
                    {% assign sub_folder = sub_parts[1] %}
                    
                    <!-- if we are in the right folder, include it -->
                    {% if sub_folder == item_folder %}
                      {% include menu_single.html %}
                    {% endif %}
                {% endfor %}
              {% endif %}
              
              <!-- if we have items, iterate over them -->
              {% if item.items %}
                {% assign sitems = item.items | sort: "menu_order"%}
                {% for item in sitems %}
                  {% include menu_single.html %}
                {% endfor %}
              {% endif %}
          </ul>
        </div>
      </li>
    </ul>
  </li>
{% endunless %}