Django Html - сделать выпадающее меню из навигационной панели [дубликат]

Я хотел бы создать выпадающее меню из учетной записи вошедшего пользователя. В настоящее время правая верхняя кнопка в навигационной панели является либо "Вход", либо "Выход" в зависимости от того, вошел ли пользователь в систему. Я хотел бы создать выпадающее меню, когда пользователь вошел в систему, которое содержит больше опций, таких как учетная запись, мой заказ и выход. Таким образом, я могу сэкономить место на панели навигации, избегая слишком большого количества кнопок. Некоторые желаемые примеры, как показано ниже:

enter image description here enter image description here enter image description here

Выпадающее меню может содержать две опции (MyOrder и Logout). Пожалуйста, не предоставляйте внешнюю таблицу стилей, так как она будет конфликтовать/засорять мою текущую страницу.

CSS

HTML

   <div class="nav">
      <div class="login-container">
          {% if user.is_authenticated %}
        <form class="navbar-form navbar-right" action="{% url 'logout' %}" method="get">
            <span>Welcome, {{ user }}.&nbsp;&nbsp;</span>
          <button type="submit">logout</button>
            {% else %}
        <form class="navbar-form navbar-right" action="{% url 'login' %}" method="get">
            <span>Welcome, {{ user }}.&nbsp;&nbsp;</span>
          <button type="submit">login</button>
          {% endif %}
        </form>
      </div>
    </div>
Вернуться на верх