Как сделать выпадающий список в навбар?

Question

[Алексей]

Не получается сделать выпадающий список в навбаре, чтобы у меня были и иконки на которые можно нажимать и выпадающий список.








B&R

• Домой
  
• Мануал
  
• S.H.S
  
• Купить
  
  
  

Answer 1

[Виталий Шерстобитов]

$('.toggle').click(function () {
    if (!$(this).parents('.main-menu-item').hasClass('active')) {
        $(this).parents('.main-menu-item').children('.sub-menu').slideDown(); 
    } else {
        $(this).parents('.main-menu-item').children('.sub-menu').slideUp(); 
    }
});

Comments

[Виталий Шерстобитов]

В связи с многократным использованием кода решил ввести изменение

$('.toggle').click(function () {
    if ($(this).parents('.main-menu-item').hasClass('active') == false) {
        $(this).parents('.main-menu-item').children('.sub-menu').slideDown(); 
    } else {
        $(this).parents('.main-menu-item').children('.sub-menu').slideUp(); 
    }
});

Answer 2

[Pashok Doom]

https://bootstrap-4.ru/docs/4.5/components/navs/