Jquery 在汉堡包菜单中隐藏列表项

我试图隐藏jQuery“hamburger”菜单中的列表项。在我添加菜单之前，一个简单的

display:none

将该项隐藏在其他媒体查询中。但当我加上汉堡包菜单时，它又出现了

菜单中有一个单独的.css文件，因此可能也必须将其放入其中，但没有任何效果。这里是HTML。这是我想隐藏的底线

<nav class="style-nav">
    <ul id="menu">
        <li><a></a></li>
        <li><a></a></li>
        <li><a></a></li>
        <li><a></a></li>
        <li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('soc_Instagram','','Images/soc_Instagram_rollover.png',1)"><img id="soc_Instagram" src="Images/soc_Instagram.png" alt="This links to my Instagram page"></a></li>
    </ul>
</nav>

您为#soc#u Instagram提供的css仅应用于图像。您可以尝试为最后一个列表项添加css规则

简单到添加一个类

                <nav class="style-nav">
                <ul id="menu">
                    <li><a></a></li>
                    <li><a></a></li>
                    <li><a></a></li>
                    <li><a></a></li>
                    <li class='Hidden'><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('soc_Instagram','','Images/soc_Instagram_rollover.png',1)"><img id="soc_Instagram" src="Images/soc_Instagram.png" alt="This links to my Instagram page"></a>Hide this one</li>
                </ul>
                </nav> 

---

没有改变任何事情。我甚至试着把它放在slicknav.css（汉堡包菜单css文件）中，但所做的只是让它消失在我希望看到它的地方，而不是汉堡包菜单中。是否必须在另一个类下缩进，例如.slicknav类？

                <nav class="style-nav">
                <ul id="menu">
                    <li><a></a></li>
                    <li><a></a></li>
                    <li><a></a></li>
                    <li><a></a></li>
                    <li class='Hidden'><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('soc_Instagram','','Images/soc_Instagram_rollover.png',1)"><img id="soc_Instagram" src="Images/soc_Instagram.png" alt="This links to my Instagram page"></a>Hide this one</li>
                </ul>
                </nav> 

.Hidden {
    display: none;