Шаблон Python / Django : выпадающее меню после третьего элемента

Я хотел бы иметь список, в котором я могу видеть первые три элемента, затем, если есть больше элементов, они будут в выпадающем меню, как это :

СООБЩЕНИЕ
Сообщение 01
Сообщение 02
Сообщение 03
ShowMore (кликабельно)
Сообщение 04
....

Тхи - мой шаблон :

{% if messages %}
<div class="collection-item">
  <ul>
    {% for message in messages %}
    <li{% if message == object %} class="active"{% endif %}>
      <a href="{{ message.get_absolute_url }}" title="{{ message.customer_product }}" data-turbolinks="false">
        <i class="material-icons state-flag {{ message.get_color }}-text">lens</i>
        <span class="hide-on-collapsed">{{ message }}</span>
        <span class="show-on-collapsed"><small>{{ message.title }}</small></span>
      </a>
    </li>
    {% endfor %}
  </ul>
</div>
{% endif %}

Вернуться на верх