Liquid dropdown menu- allow only one option to expand at a time

[reneactivator]

Hi,

On mobile, my site has an expandable dropdown menu (pictured). I would like to make only one option collapsible at once. For example, If 3D printers is active, Filaments will be closed, and vice versa. Right now you can open all the options at once and it becomes hard to navigate with lots of scrolling.

Here is the site URL: https://printed-solid.myshopify.com/

The liquid code:

{{ 'layout.cart.title' | t }} {{ cart.item_count }} {% for link in mobile-nav.links %} {% if link.links != blank %} {% assign parent_index = forloop.index %}
• {{ link.title | escape }} {% include 'mobile-nav-icons' %}
  {% if link.type == 'collection_link' or link.type == 'blog_link' or link.url == routes.all_products_collection_url %}
  • {{ 'collections.sorting.all_tags' | t }} {{ link.title | escape }}
  {% endif %} {% for childlink in link.links %} {% if childlink.links != blank %} {% assign child_index = forloop.index %}
  • {{ childlink.title | escape }} {% include 'mobile-nav-icons' %}
    {% for grandchildlink in childlink.links %}
    • {{ grandchildlink.title | escape }}
    {% endfor %}

  {% else %}

  • {{ childlink.title | escape }}
  {% endif %} {% endfor %}
{% else %}
• {{ link.title | escape }}
{% endif %} {% endfor %}

{% if shop.customer_accounts_enabled %}
{% if customer %}

• {{ 'layout.customer.account' | t }}
• {{ 'layout.customer.log_out' | t | customer_logout_link }}
{% else %}
• {{ 'layout.customer.log_in' | t | customer_login_link }}
• {{ 'layout.customer.create_account' | t | customer_register_link }}
{% endif %} {% endif %}
• {% if section.settings.header_search_enable %}

  {% endif %}

Thank you!

[Zoubidou75]

Up ! I’m interested too !