切换导航无法打开

问题描述 投票:0回答:1

该网站是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代码太长了,无论如何我都无法工作。这让我很快疯了。怎么了?!

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

它最终是一个/。我解决了它删除了最后一个/

javascript jquery html css
1个回答
0
投票

我想你想要这个:

$(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

© www.soinside.com 2019 - 2024. All rights reserved.