Ссылки в сайдбаре не работают, а выпадающий список схлопывается

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

1. The links don't work (for exemple here I'm trying to link to the user profile and nothing happen when the link is clicked)
2. The sidebar dropdown: the dropdown works just fine but when I click one of the link in the sub menu (like Dashboard's "total" the dropdown collapse and it just closed itself) I'm not very good with the css and js stuff. Any help would be very appreciated! Thank you

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link href="https://unicons.iconscout.com/release/v3.0.6/css/line.css" rel="stylesheet">

<aside class="sidebar position-fixed top-0 left-0 overflow-auto h-100 float-left" id="show-side-navigation1">
  <i class="uil-bars close-aside d-md-none d-lg-none" data-close="show-side-navigation1"></i>
  <div class="sidebar-header d-flex justify-content-center align-items-center px-3 py-4">
    <div class="ms-2">
      <h5 class="fs-6 mb-0">
        <a class="text-decoration-none" href="#">User Name</a>
      </h5>
      <p class="mt-1 mb-0">user status</p>
    </div>
  </div>

  <ul class="categories list-unstyled">
    <li class="has-dropdown">
      <i class="uil-estate fa-fw"></i><a href="#"> Dashboard</a>
      <ul class="sidebar-dropdown list-unstyled">
        <li><a href="#">Total</a></li>
        <li><a href="#">Partial</a></li>
      </ul>
    </li>
    <li class="">
      <i class="uil-user"></i><a href="{% url 'user_profile' %}"> Profile</a>
    </li>
    <li class="has-dropdown">
      <i class="uil-envelope fa-fw"></i><a href="#"> Inbox</a>
      <ul class="sidebar-dropdown list-unstyled">
        <li><a href="#">Deleted</a></li>
      </ul>
    </li>  
    <li class="">
      <i class="uil-signout"></i><a href="#"> Logout</a>
    </li>
  </ul>
</aside>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

CSS

JS

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