FadeIn和FadeOut问题

Question

$(document).ready(function ($)

{
    $('.button-submit').click(function(e) {

        e.preventDefault();  
        $('.content-greeting').fadeIn(0.1)
        $('.content-sayhi').fadeOut(0.1)
        $(this).addClass('active')
        $('.button-sayhi').removeClass('active')


    $('.button-sayhi').click(function(e) {
        e.preventDefault();  
        $('.content-sayhi').fadeIn(0.1)
        $('.content-about').fadeOut(0.1)
        $(this).addClass('active')
        $('.button-submit').removeClass('active')
    }):
    $('.button-about').click(function(e) {

        e.preventDefault();  
        $('.content-about').fadeIn(0.1)
        $('.content-greeting').fadeOut(0.1)
        $(this).addClass('active')
        $('.button-about').removeClass('active')
    });

嗨，伙计们，我的代码正在运作，但是，每次fadein和fadeout，div都会在彼此上面跳跃并跳跃。它没有正确淡出或淡出

Answer 1

我修复了为每个fadeIn和fadeOut添加.delay（500）

非常感谢