jQuery动画内容更改？

Question

I want to change the Content in a div with a animation or a fade or something ?

Is this possible ?

I load the Content over a Ajax Post request into a div.

function getPage(id) {

    jQuery.ajax({
        url: "./ajax/engine.php",
        data:'action='+id+"&userkey="+mykey,
        type: "POST",
        success:function(data){

        }
    });
}

At the Moment its like Booom there is the content when i click on a Navbar Point.

Thanks for all Ideas!

Answer 1

if you want to show and hide a div with some effect. you can use this code:

function getPage(id) {
    jQuery(id).hide('fast');
    jQuery.ajax({
        url: "./ajax/engine.php",
        data:'action='+id+"&userkey="+mykey,
        type: "POST",
        success:function(data){
           jQuery(id).html(data).show('slow');
        }
    });
}

I ref you to .show() and .hide() function. Jquery do some animation by itself and have many function for that. You can use .animate() and .toggle() too. but for your case, use show() and hide()