Javascript JQuery toogleClass

我的网站有问题。基本上，我想做一个菜单，如果你点击菜单，它会自动下降。我的导航看起来像这样：

    <nav class="col-12 col-m-12">
        <ul>
            <li id="menu"><a href="#">Meny</a></li>
            <li><a href="#">Försörjning</a></li>
            <li><a href="#">Kultur och rekreation</a></li>
            <li><a href="#">Transport-lösningar</a></li>
            <li><a href="#">Jobb och handel</a></li>
            <li><a href="#">IT-kommunikation</a></li>
            <li><a href="#">Återvinning</a></li>
        </ul>
    </nav>

---

问题是它不会将类切换到nav ul。任何帮助都将是惊人的

你的代码对我有用。。。也许再检查一下你的css

$menu.clickfunction{ $nav ul.toggleClassmenushow； }; 李美诺先生{ 颜色：绿色； 背景：黄色； }

---

我解决了这个问题

这应该行得通。您需要检查JS错误。也许你没有在放jQuery代码的地方访问$。我能在google chrome inspector中看到错误吗？因为我没有看到任何错误…事实上，它可以在CSS中精确显示，菜单不会隐藏，我认为这比添加很多类要好，一个就足够了。我试着在google chrome inspector中将该类添加到nav ul，这意味着它可以工作。。。不起作用的是JQuery不会将类分配给nav ul元素……当您设置click函数时，所有DOM元素都准备好了吗？它会启动吗？只需在CSS中添加：not:li的第一个子元素，一切都会很好，肯定比添加几十个类要好。只需说，应用于wole ul的类可以指定第一个元素单独处理，这与您的答案相同，但在CSS中，不是jQuery。只添加了一个类，而不是几十个，这减少了DOM操作，因为正如我前面所说的，DOM在尝试分配click函数时还没有准备好，他确信，通过输入readythat@lonut它为nav ul提供了62px的最大高度。Witch意味着所有其他列表元素都将消失。我这样做是为了给过渡设置动画。

//JQuery
$("#menu").click(function(){
    $("nav ul").toggleClass("menushow");
});

//JQuery
$(document).ready(function(){
    $("#menu").click(function(event){
        $("nav ul").toggleClass("menushow");
    });
});