Pass active class into dropdown I have a dynamic navigation consisting out of matrix and entries fields:



This then gets printed on the frontend as a dropdown.

No is it somehow possible to add a active class to the dropdown toplevel button?

Basicaly passing the active state back up to the toplevel button.

{% for dropNavi in block.dropdownNavi %}
   {% if loop.first %}
      &lt;li class="dropdown {# that's where the class should end up #}"&gt;
         &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;
           {{ block.seite }} &lt;span class="caret"&gt;&lt;/span&gt;
         &lt;/a&gt;
         &lt;ul class="dropdown-menu"&gt;
   {% endif %}
   &lt;li {# here adding an active class is easy #}&gt;
    &lt;a href="{{ dropNavi.url }}"&gt;{{ dropNavi.title }}&lt;/a&gt;
   &lt;/li&gt;
  {% if loop.last %}&lt;/ul&gt;{% endif %}
{% endfor %}


The problem is that this is a matrix field so there could be 3 or 6 or 5 dropdowns. Therefore the {{ loop.index }} does not work as a identifier. I can't see a way. Is this even possible?

I tried things like &lt;li class="dropdown {% if craft.request.getLastSegement == dropNavi.url %}"&gt; and various versions of this.

But stuff like this aplies an active class to all the dropdowns present. Never on the one containing the current url.
&lt;a href="{{ page.getUrl }}" {{craft.request.getSegment(2)|lower==page.slug|lower ? 'class=is-active'|e : ''}}&gt;
    {{ page.title}}
&lt;/a&gt;


You can use something like this, only you compare your getSegment() with the related Title field instead of page.slug if your page in your url has the pagetitle name.