php - いくつかのphpによって取得されたデータベースからのフェードインコンテンツ

Question

このコード (別の php ファイルを使用) は、データベースからコンテンツを取得し、about_content という div に入れます。

$(document).ready(function(){
        $('a#about-menu').click(function() {
            var id = $('a#about-menu').attr('class');

            $.post('subpages/content_about/about_content.php',{id: id}, function(id){

                $('div#about_content').text(id)
            });
        });
});

すべてが機能しますが、これを変更して、すぐに叩くのではなく、フェードインする方法を教えてください...このシナリオでfadeIn関数を使用する方法がわかりません..

Answer 1

試す..

$('div#about_content').css('opacity', '0').text(id).fadeIn();

Answer 2

できるよ

   $('div#about_content').hide();
   $('div#about_content').html(id);
   $('div#about_content').fadeIn(1000);

テストしなかったので、試すことができるかどうかわかりません

Answer 3

これにより、既存のコンテンツがフェードアウトし、コンテンツが置き換えられてフェードインされます。

$(document).ready(function(){
    $('a#about-menu').click(function() {
        var id = $('a#about-menu').attr('class');
        $.post('subpages/content_about/about_content.php',{id: id}, function(id){
            $('div#about_content').fadeOut('fast',function(){ $(this).html(id).fadeIn(); });
        });
    });
});

デモ