jQuery .css无法正常工作？

我有一个带有标签的网页，但是我希望默认情况下隐藏一些标签，并在登录完成后显示这些标签（成功登录后，功能将在js中运行，但是我似乎无法从中显示该标签功能）。

我尝试了几种方法，例如：-默认情况下隐藏选项卡（在html中使用“ display：none”），并使用.css（“ display”，“ inline-block”）; 展示它。-使用.css（“ display”，“ none”）;标签隐藏在文档加载中；然后显示为.css（“ display”，“ inline-block”）; -使用.hide（）隐藏在文档加载中的选项卡；并显示为.show（）;

但是它们都不起作用，该选项卡始终显示。这是与此相关的代码的一部分：

文件加载方式：

$(window).load(
  function() {
    $("addEventTab").css("display","none");
    $(".loader").fadeOut("slow");
  }
}

登录成功功能：

if (parseInt(response.substr(7,1)) >= 5) {
  $("addEventTab").css("display" , "inline-block");
  alert("appearing");
}

标签的html代码：

<li role="presentation"  id="addEventTab">
  <a href="#eventAdd" aria-controls="eventAdd" role="tab" data-toggle="tab">
    <i class="fa fa-plus fa-1x">Add An Event</i>
  </a>
</li>