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>

jquery的

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

切换导航无法打开

1 个答案: