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

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

$（函数（）{
$（“#导航按钮顶部”）.css（“可见性”、“可见”）；
});
div.navigationbuttonop{
可见性：隐藏；
高度：100px；
宽度：100px；
背景颜色：蓝色；
}
您是否尝试过$（“#导航按钮按钮”）.show（）
 首先，您没有关闭if语句，并且
导航按钮top
是一个类而不是id。请尝试此操作

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

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

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

在JS中，您使用ID（“#”符号在选择器名称之前）。但在CSS中使用类（选择器名称前的点符号）

在这两种情况下都尝试使用“#”（或相应的点）。
首先，您希望知道如何触发事件的代码。也许扳机根本不起作用

另外，你的地址也不一样。在CSS
navigationButtonTop
中，它是一个类（请参见“.”），而在JS中，它是一个id（请参见“#”）。这就是你行为准则中的罪魁祸首吗？如果不是的话，我会假设它是一个身份证

要获得更高的可读性，请尝试将
可见性：hidden
移动到一个额外的隐藏类。所以你可以触发：

$("#navigationButtonBottom").on('click', function() {
  $("#navigationButtonTop").removeClass('hidden');
});

在HTML中，将类
hidden
添加到按钮中

#navigationButtonTop.hidden { visibility:hidden; }

或者使用javascript执行此操作：

jQuery(document).ready( function($) {
  $("#navigationButtonTop").addClass('hidden');
})

一个好的jQuery插件，它将我保存在一个定制中，以避免使用一个
click
事件替换为这个
visibilityChanged
事件

特别是，使用的代码（在插件页面中描述的各种备选方案中）如下所示：

HTML

那正是他所做的。你为什么要用不同的方式来回答他所做的。。他已经使用了css绑定，所以解决了他的问题，不要建议只是猜测的事情。我确实直接更改了我的评论away@josh这不是猜测。这是在jqueryso中显示dom元素的推荐方法。如果你真的了解了为什么它不工作，那么你没有解决他的问题，这很容易。。你重复不同的方法来做这件事。。如果css绑定不起作用，为什么要显示绑定工作。。读这本书纯粹是浪费时间。。我应该用“.”而不是#。这对我来说是成功的！：）
<li id="collapsible_trigger">
    <div class="collapsible-header"></div>
    <div class="collapsible-body"></div>
</li>

<script type="text/javascript" charset="utf-8" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8" src="hideshow.min.js"></script>

$("#collapsible_trigger .collapsible-body").hideShow();
$("#collapsible_trigger .collapsible-body").on("visibilityChanged", function(event, visibility){
    /* your custom code here */
});