隐藏自举边栏中的特定元素

Question

我有以下代码

    <div class="wrapper">
        <nav id="sidebar">
            <ul class="list-unstyled components">
                <li class="navhead">My Title</li>
                <li> <a href="#intro" class="sidebar">Introduction</a></li>
            <li>
                <a href="#firstCategory" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle sidebar">First Category</a>
                <ul class="collapse list-unstyled" id="firstCategory">
                    <li><a href="#firstCategory2" class="sidebar">Intro</a></li>
                    <li><a href="#firstItem" class="sidebar internal">First Item</a></li>
...
            <a id="firstItem"></a>
            <div id="firstItemDiv" class="internal">
...

我曾经用$（'。internal'）。hide（）;隐藏我的$（document）.ready（function（））中的内部类，如果指定了URL参数。 ，这会导致DOM /页面闪烁，因此我在我的.css文件中添加了[[.internal {display：none}] >>，现在在我的就绪，当指定参数时。换句话说，Intro始终显示，但是

First Item

仅在指定URL参数时才显示。这对我的firstItemDiv很有用，但是我的侧边栏

内部

li元素（第一项）仍然显示。如何获取默认情况下不显示的内容？我有以下代码

[[我的标题＆...

]

• 您还应该附加css。如果我正确理解，您会更改.internal（隐藏或显示），并且它适用于id='firstItemDiv'，不适用于class="sidebar internal"，因为它可能使用了一些JavaScript ...

  尝试使用

  $(".internal').css("display" , "none!important")而不是$(".internal").hide()，并且$(".internal').css("display" , "block!important")代替show()。

Answer 1