Javascript 隐藏和显示列表元素HTML和Jquery

我正在创建一个仅在用户登录时显示在标题选项卡中的页面。但是，如果用户未登录，则应将其隐藏。如何隐藏元素

这是我的HTML：

<li ng-if="isAuthenticated" ><a active-link="active" href="#/dashboard"><span translate>Dashboard</span></a></li>
<li id="about"><a active-link="active" href="#/about"><span translate>About</a></li>
<li id="info"><a active-link="active" href="#/info"><span translate>Information</a></li>

当我使用$info.hide时，什么也没发生。有什么线索吗

---

Fiddle:

您没有在演示中加载jquery，请查看fork:

$(function(){
    $("#info").hide();
}) 

---

您还没有在JSFIDLE演示中包含jQuery。如果查看JavaScript控制台，您将看到显示以下错误：

未捕获引用错误：$未定义

要修复此问题，请从旁边的下拉列表中选择jQuery作为外部资源：

---

.

您的小提琴上没有加载jQuery。加载jQuery后，它就可以工作了

看这把分叉的小提琴：

---

我在浏览器引用上看到一些错误。错误：$未定义

---

请选择js框架和扩展jQuery框架

我们如何知道用户是否经过身份验证。。。。看起来像angularjs代码。。。谁在设置isAuthenticatedjust加载jquery@Praveen Kumar我已经回滚了你的编辑。我可以看到你的逻辑，但未捕获的引用错误消息不是代码，而是来自JavaScript控制台的引用。詹姆斯，你的声誉比我高，但你的答案应该是评论，对吗？这就是为什么我给你投了反对票。然后我想，我取消了我的否决票，但它被锁定了。所以我不得不修改它来删除我的反对票。干杯。请不要鼓励像这样的问题@PraveenKumar在我看来这是一个完全正确的问题。我找不到任何合适的替代方案来保证一个重复的标志，否则我会投票关闭它。你可以对它发表评论，只包括那一个脚本，对吗？这是作为一个答案发布的，但它并不试图回答这个问题。它可能是一个编辑，一个评论，另一个问题，或者全部删除。我编辑了代码。你是对的，这应该是一个评论。

$( document ).ready(function() 
{
   $('#info').hide();
});

<ul class="ul-container">    
<li ng-if="isAuthenticated" ><a active-link="active" href="#/dashboard"><span translate>Dashboard</span></a></li>
    <li id="about"><a active-link="active" href="#/about"><span translate>About</a></li>
    <li id="info"><a active-link="active" href="#/info"><span translate>Information</a></li>
</ul>

we can use : 
$('.ul-container').hide(); or $('.ul-container').css('display', 'none');
we can have :
.hide {
   display:none;
}
js : $('.ul-container').addClass('hide');