Пытался написать на чистом JS переключения класса, но ничего не вышло.
Решил уж и на JQuery, но это не работает также.
Я наблюдал за изменениями через Просмотр кода, но класс не поменялся.
Буду очень благодарен, если найдёте ошибку, особенно, если можно сделать это на чистом JS.
HTML:
<nav class="navbar navbar-expand-sm navbar-light bg-light" style="box-shadow:0 0 10px black;">
<img width="80px" src="../img/logo3.png">
<button class="navbar-toggler" id="toggle">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse">
<ul class="navbar-nav ml-auto" style="font-family:Verdana, Geneva, Tahoma, sans-serif;" id="n">
<li class="nav-item">
<a href="#" class="nav-link">About us</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">Our blog</a>
</li>
</ul>
</div>
</nav>
jQuery:
$("#toggle").click(function(){
$("n").toggleClass("active");
})
Мы можете наблюдать здесь Bootstrap классы, знаю, можно было и через Bootstrap сделать, но это требует bootstrap.css
, bootstrap.min.css
, bootstrap.js
и также bootstrap.min.js
. Выгоднее написать на чистом JS.