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') 
    }); 

嗨，大家好，我的代碼正在工作，但是，每次淡入淡出，divs都會在eachother上跳到頂部並跳來跳去。它不淡入或淡出正確

Answer 1

我有固定與反正加入.delay（500）各淡入淡出和

感謝