2016-11-21 10 views
0
$(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') 
    }); 

こんにちは、私のコードは動作していますが、Everytime fadeinとfadeout、divsはお互いにジャンプしてジャンプします。これは、最初の終わり `)あなたは`}が欠落しているように見えます正しくFadeInとFadeOutの問題

+0

を.delay(500)を追加することで固定しているがフェードインdoesntのか、フェードアウトクリック機能と 'document.ready'の終わり – sideroxylon

答えて

0

私は、各フェードインやフェードアウトに

とにかく感謝

関連する問題