Wie ändere ich den Animationseffekt des Assistenten?

Question

Ich habe ein einfaches Wizard Script gemacht jQuery funktioniert perfekt.

Jetzt ist meine Frage?

Wie kann ich die Animation ändern, um die Daten in diese Animation jsfiddle Typ Registerkarten auszublenden?

$(".next").click(function() { 
     //store parent 
     var parent = $(this).parent(); 
     if(parent.next().length) { 
      parent.hide("slow").next().show("slow"); 
     } 
     return false; 
    }); 
    $(".prev").click(function() { 
     var parent = $(this).parent(); 
     if(parent.prev().length) { 
      parent.hide("slow").prev().show("slow"); 
     } 
     return false; 
    }); 

Mein vollständige Code:https://jsfiddle.net/jwzjys8u/

Answer 1

Ich glaube, Sie verblassen statt

$(".next").click(function() { 
    //store parent 
    var parent = $(this).parent(); 
    if(parent.next().length) { 
     parent.fadeOut("slow", function(){ 
      parent.next().fadeIn("slow"); 
     }); 
    } 
    return false; 
}); 
$(".prev").click(function() { 
    var parent = $(this).parent(); 
    if(parent.prev().length) { 
     parent.fadeOut("slow", function(){ 
      parent.prev().fadeIn("slow"); 
     }); 
    } 
    return false; 
}); 

Auf jeden Fall können Sie CSS-Übergänge machen verwenden verwenden können!