javascript - 切换导航未打开

Question

网址是http://109.74.0.128/~app/assistanstv/assistanstv/www.assistans.tv/tv.html

HTML:

<nav class="menu">
    <ul class="active">
        <li class="current-item"><a href="#">Home</a></li>
        <li><a href="#">Barnasisstans</a></li>
        <li><a href="#">Intervjuer</a></li>
        <li><a href="#">Juridik</a></li>
        <li><a href="#">LSS2020</a></li>
        <li><a href="#">Resor</a></li>
        <li><a href="#">Utbildning</a></li>
    </ul>

    <a class="toggle-nav" href="#">&#9776;</a>
    </nav>

j查询

jQuery(document).ready(function() {
    jQuery('.toggle-nav').click(function(e) {
        jQuery(this).toggleClass('active');
        jQuery('.menu ul').toggleClass('active');

        e.preventDefault();
    });
});

css 代码太长，我无法让它工作。这让我很快发疯。怎么了？!

编辑:问题已解决。问题是

最后是/。我通过删除最后一个/

解决了这个问题

Answer 1

我想你想要这个:

$(document).ready(function() {
    $('.toggle-nav').click(function(e) {
            $('.toggle-nav').removeClass('active')
        $(this).toggleClass('active');
        $('.menu ul').toggleClass('active');
        e.preventDefault();
    });
});

CSS

.active {
  background:tomato;
}

这个类只是一个展示类切换的例子

updatelink of your code