css - Add active class to element according to URL Jquery Django -


how can add "active" class element according href

i have django template this:

<div class="panel side-panel-1 category"> <h4 class="title1">Разделы</h4> <ul class="clear-list"> {% section in sections %}     <li>         <a href="/advert/adverts.aspx&sec{{ section.id }}">{{ section.name }}  ({{ section.advert_set.count }})</a>     </li> {% endfor %} </ul> 

so urls formed section.id

example:

  • mysite.com/advert/adverts.aspx&sec1

in cases be:

  • mysite.com/advert/adverts.aspx&sec1&cat10&page1

maybe want this. use class="{{ section.id ? 'active' : '' }}". if section.id exists, active wile add.

<div class="panel side-panel-1 category"> <h4 class="title1">Разделы</h4> <ul class="clear-list"> {% section in sections %}     <li class="{{ section.id ? 'active' : '' }}" >         <a href="/advert/adverts.aspx&sec{{ section.id }}">{{     section.name }}  ({{ section.advert_set.count }})</a>    </li> {% endfor %} </ul> 

Comments

Popular posts from this blog

python - pip install -U PySide error -

arrays - C++ error: a brace-enclosed initializer is not allowed here before ‘{’ token -

cytoscape.js - How to add nodes to Dagre layout with Cytoscape -