如何使用 jQuery 将 div css 的可见性更改为可见

我的屏幕上有“下一个”和“上一个”按钮。当页面最初加载时，我希望隐藏“上一个”按钮，并且一旦用户单击“下一个”按钮，我希望“上一个”按钮（div 标签可见）。我有一个用于“上一个”按钮的 CSS 属性，我将其可见性值设置为 False。 还有一个 if 语句，我检查页面计数器是否大于 1，然后将 navigationButtonTop 的可见性更改为 true。它不起作用......我做错了什么！？

$(function() {
  $("#navigationButtonTop").css("visibility", "visible");
});

div.navigationButtonTop {
  visibility: hidden;
  height: 100px;
  width: 100px;
  background-color:blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="navigationButtonTop"></div>

首先你还没有关闭 if 语句并且navigationButtonTop是一个类而不是一个 id 试试这个。

if (that.get("pageCounter") >= 1) {
     $(".navigationButtonTop").css("visibility", "visible");
}

由于OP编辑了他的问题，新的答案将是：

$(function() {
  $(".navigationButtonTop").css("visibility", "visible");
});