ナビゲーションバーのリンクを非表示にする方法（ホームページ）

Question

<div class="collapse navbar-collapse" id="console-nav-bar"> 
    <ul class="px-nav-actions nav navbar-nav"> 
enter code here<li class="nav-item"><a href="home">Home</a></li> 
     <li class="nav-item" style="display:none"><a href="tasks">Manage</a></li> 
     <li class="nav-item"><a href="Send">Send</a></li> 
     <li class="nav-item"><a href="Receive">Receive</a></li> 
    </ul> 
</div> 

現在、私は以下のコードを使用してホームページのリンクを非表示にしています。

$(".px-nav-actions li").eq(0).hide(); 
       $(".px-nav-actions li").eq(1).hide(); 
       $(".px-nav-actions li").eq(2).hide(); 
       $(".px-nav-actions li").eq(3).hide(); 

問題： - 私は、ホームページをロードします。私はナビゲーションバーの上のリンクの上に数秒間見ることができ、それから隠れている。

ホームページにこれらのリンクの表示を停止するにはどうすればよいですか？

Answer 1

それは私の側に動作します：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="collapse navbar-collapse" id="console-nav-bar"> 
 
     <ul class="px-nav-actions nav navbar-nav"> 
 
    enter code here<li class="nav-item"><a href="home">Home</a></li> 
 
      <li class="nav-item" style="display:none"><a href="tasks">Manage</a></li> 
 
      <li class="nav-item"><a href="Send">Send</a></li> 
 
      <li class="nav-item"><a href="Receive">Receive</a></li> 
 
     </ul> 
 
</div> 
 

 
<script> 
 
    $(".px-nav-actions li").eq(0).hide(); 
 
    $(".px-nav-actions li").eq(1).hide(); 
 
    $(".px-nav-actions li").eq(2).hide(); 
 
    $(".px-nav-actions li").eq(3).hide(); 
 
</script>

また、あなたがそれらを1による1を非表示にする必要はありません、あなただけ行っている可能性：

$(".px-nav-actions li").hide(); // hides all