Me gustaría implementar eso en los menús desplegables de mi barra lateral, pero Liquid es bastante nuevo para mí, parece que no encuentro la manera de hacerlo.
En JS, tendría un for loop cerrando todos los elementos que contienen la clase 'abierta', por ejemplo, y luego agregaría esa clase al elemento único.
Desearía agregar más intentos, pero siento que todavía no tengo la 'lógica líquida' ...
<a href="{{ link.url }}" class="mobile-nav__link mobile-nav__link--top-level" id="Label-{{ child_list_handle }}" {% if link.active %}data-active="true"{% endif %}> {{ link.title }} </a> <div class="mobile-nav__toggle"> <button type="button" aria-controls="Linklist-{{ child_list_handle }}" {% if link.active or link.child_active %}aria-open="true"{% endif %} class="collapsible-trigger collapsible--auto-height {% if link.active or link.child_active %}is-open{% endif %}"> {% include 'collapsible-icons' %} </button> Las partes interesantes son las {% if link.active %}
Primero, no estoy seguro de qué está configurando link.active en true , luego tampoco sé cómo seleccionaría estos elementos desplegables para usarlos en un bucle.
Ahora, lo que me gustaría hacer es tener un for loop que establezca link.active en false en todos los menús desplegables y luego establecerlo en true en el elemento único.
No tiene que darme la respuesta total, solo una forma para que descubra cómo seleccionar todos los elementos y qué hace que link.active sea true .
Gracias por adelantado.
