更改切换时的元素可见性

时间:2017-12-20 12:15:05

标签: javascript jquery html css twitter-bootstrap

我目前正在尝试删除切换时侧边菜单中几个元素的可见性。我目前正在使用Bootstrap 4,我很不确定如何使用新实施的更改。这是我当前所做的JS Fiddle:Fiddle Number 1

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

我尝试过使用此代码,但它似乎无法运行:

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

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

1 个答案:

答案 0 :(得分:1)

只需添加此css代码

即可
.toggled span {
  visibility: visible;
}

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

See updated jsfiddle