Выпадающий гамбургер не работает
Я просто не уверен, что мне не хватает в этом раскрывающемся гамбургере, я почти уверен, что моя цель данных верна
<nav class = "navbar navbar-default navbar-fixed-top" role = "navigation">
<div class = "container-fluid">
<div class = "navbar-header">
<button type = "button" class = "navbar-toggle" data-toggle = "collapse" data-target = "#myNav">
<span class = "icon-bar"></span>
<span class = "icon-bar"></span>
<span class = "icon-bar"></span>
</button>
<div class = "navbar-brand">T<span> - </span>C<!--<img src = "#">--></div>
</div>
<div class = "navbar-collapse collapse" id = "myNav">
<ul class = "nav navbar-nav navbar-right">
<li><a class = "active" href = "#home">Home</a></li>
<li><a href = "#about">About</a></li>
<li><a href = "#employment">Employment</a></li>
<li><a href = "#connect">Contact</a></li>
</ul>
</div>
</div>
</nav>
Проверьте это stackoverflow.com/questions/26317679/… И это: getbootstrap.com/docs/3.3/components/#navbar
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Вам нужно событие onclick на вашей кнопке. В настоящее время ничего не сказано, что делать, когда вы нажимаете кнопку. Для начала вам нужно изменить тег button на что-то вроде:
<button onclick = "toggleMenu" class = "navbar-toggle" data-toggle = "collapse" data-target = "#myNav">
Затем добавьте скрипт:
function toggleMenu() {
let menu = document.getElementById('menu');
menu.classList.toggle('open-menu'); //toggle is an awesome built in function that does just what you want. It will add this class if it doesn't exists, and remove it if it does
}После этого вам нужно будет добавить немного CSS, чтобы стилизовать меню при его открытии.
Как видите, я удалил атрибут type = "button", который у вас был. Не требуется при использовании тега кнопки.
Это встроено в Bootstrap, нет необходимости добавлять скрипты для этой функции.
На мой взгляд, это нормально, просто убедитесь, что ширина вашего обзора меньше 768 пикселей, иначе гамбургер будет скрыт.
Где твой сценарий?