隐藏，一个按钮-然后显示另一个按钮，但使用jQuery隐藏原始按钮

我知道如何使用jQuery在scroll上添加类，但我一直在研究如何隐藏一个完整的按钮，然后在scroll上的>423上显示另一个按钮。我想首先显示我的注册按钮，然后在滚动时显示我的免费试用按钮。我到处寻找答案，这些答案似乎接近我想要的，但不完全是我想要的

$（窗口）。滚动（函数（）{
如果（$（文档）.scrollTop（）>423）{
$（'nav'）.addClass（'navbar-padding'）；
}否则{
$（'nav'）.removeClass（'navbar-padding'）；
}
});





免费试用


您可以：


在所需滚动点的两个按钮上执行
.show（）
和/或
.hide（）
将css类添加/删除到所需滚动点的按钮（以显示和隐藏它们）

比如：

$(window).scroll(function() {
    if ($(document).scrollTop() > 423) {
        $("#signin").hide();
        $("#trial").show();
    } else {
        $("#signin").show();
        $("#trial").hide();
    }
});

下面是一个工作示例：

只要知道这是很基本的。它还存在在每个卷轴上触发隐藏/显示操作的问题，因此您可能希望添加一些内容来防止出现这种情况。
我自己设法解决了这个问题，但您的建议与我使用的代码完全相同！谢谢你，库尔特。