Как заставить материализоваться вкладки ссылки на разные URL

Question

Итак, у меня есть эта навигационная панель, которую я хочу дать эффект вкладки Materialize (Анимированное переключение, когда вкладка становится активной).

HTML (не очень чистый)

     <ul class="tabs tabs-fixed-width tab-demo z-depth-1" style="background:#fbe9e7;">
        <li class="tab" style="margin:5px 5px;">
            <a class="black-text" href="{% url 'homepage' %}">
                home
            </a>
        </li>
        <li class="tab" style="margin:5px 5px;">
            <a class="black-text" href="{% url 'about' %}">
                about
            </a>
        </li>
        <li class="tab" style="margin:5px 5px;">
            <a class="black-text" href="{% url 'article' %}">
               articles
            </a>
        </li>
        <li class="tab" style="margin:5px 5px;">
            <a class="black-text" href="{% url 'contact' %}">
               contact
            </a>
        </li>
      </ul>

JS

$(document).ready(function(){
    $('.tabs').tabs();
 });

Эффект работает, но страницы не меняются. Что мне нужно сделать, чтобы страницы изменились?

Спасибо