javascript - 在切换时更改元素可见性

Question

我目前正试图在切换时删除侧边菜单中一些元素的可见性。我目前正在使用 Bootstrap 4，但我不确定如何使用新实现的更改来完成它。这是关于我目前所做的事情的 JS Fiddle:Fiddle Number 1

我正在尝试更改 li 元素内文本的可见性，以便在未单击按钮时，它们在菜单上不可见。

我试过使用这段代码，但它似乎不起作用:

$("#menu-toggle").toggle(
    function(){$("span").css({"visibility": "visible"});},
    function(){$("span").css({"visibility": "hidden"});},
});

如何通过切换按钮隐藏和显示范围内的文本？

Answer 1

只需添加这段CSS代码

.toggled span {
  visibility: visible;
}

这将使侧边栏切换时可见跨度

See updated jsfiddle