更改切换时的元素可见性

Question

我目前正在尝试删除切换时侧边菜单中几个元素的可见性。我目前正在使用Bootstrap 4，我很不确定如何使用新实现的更改。这是一个关于我目前所做的JS小提琴：Fiddle Number 1

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

我尝试过使用此代码，但它似乎不起作用：

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

如何通过切换按钮来隐藏和显示跨度内的文本？

Answer 1

只需添加此css代码即可

.toggled span {
  visibility: visible;
}

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