Javascript 为什么我的jquery滑块会跳动和拉格？

我在jQuery中创建了一个滑块，单击按钮时显示和隐藏一个div。但问题是它不是平滑的，在幻灯片动画中会跳跃。我尝试了所有的方法，从改变宽度到用填充物代替边距，但都没有效果。问题在哪里

HTML:

jQuery：

$(".show-btn").click(function(){
    $(".slider").slideDown();
    $(this).fadeOut();
}); 

$(".hide-btn").click(function(){
    $(".slider").slideUp();
    $(".show-btn").fadeIn();    
});

//scroll down on the page upon click

$(".show-btn").click(function() {
    $('html, body').animate({
        scrollTop: $(".slider").offset().top + (40)
    }, 500);
});

当

.fadeOut（）

完成时，设置

显示：无导致跳跃的样式

使用此选项可淡出：

$(this).animate({ opacity: 0 });

使用此选项可以创建fadeIn：

$(".show-btn").animate({ opacity: 1 });

关于这个问题，我已经给出了一个非常全面的理由，希望对您有所帮助。它很好地回答了你的问题

至于总结。用于操作DOM的函数有


.slideDown（）
.slideUp（）

你应该使用

不透明度
或
可见性

为此，正如@Leroy所提到的
 你为什么把这个问题的标题改成“我可以用visual basic破解银行账户吗？我想学编程，但html太难了”？
$(this).animate({ opacity: 0 });

$(".show-btn").animate({ opacity: 1 });