[SOLUCIONADO] fadeIn() con función html() de jQuery

[diegoguerrero]

¡Hola!

He utilizado la función html() de jQuery para importar el contenido de un archivo mediante AJAX (con success y demás). El tema es que me gustaría saber cómo puedo poner un fadeIn() en este caso para que no aparezca el nuevo contenido de golpe.

¡Muchas gracias!

Código:

Código Javascript:

$(document).ready(function(){
                    $(".Curso").click(function(){
                        var Color = $(this).attr("data-Color");
                        var URL = $(this).attr("data-URL");
                        $.ajax({
                            data: {Color: Color},
                            url: URL,
                            success: function(a){
                                $("#CursoCargado").html(a).fadeIn(500);
                            }
                        });
                    });
                });
 

[MaNuX0218]

A que te refieres con que no aparezca de golpe, si quieres que tarde en aparecer puedes asignarle mas tiempo al fadeIn.

Por ejemplo:
$("#CursoCargado").html(a).fadeIn(1000);

Saludos.

[diegoguerrero]

¡Hola!

No es eso a lo que me refiero, sino a que no funciona el fadeIn(), no a la velocidad. Aparece de golpe como si no estuviese declarado, pero sí que está.

Saludos.

[AngelKrak]

Te hiba a contestar ayer pero no tuv tiempo, y psz ahorita decidi hacerte una demo para que veas que funciona y coomo funciona jejeje xD

http://plnkr.co/edit/yBClKX?p=preview

Lo unico nuevo es esto:

Código Javascript:

$("#CursoCargado").hide().html(a).fadeIn(2000);
 

Por si no sabes, primero tenemos que ocultar el Contenido HTML y despues lo Mostramos con el Efecto fadeIn o de otro modo no Funcionara >_<
Aqui el Codigo Clave es el hide() antes del html() jejeje xD

Cualquier otra duda puedes Preguntar ;)