如何更改向导的动画效果? [英] How to change the animation effect of the wizard?

问题描述

我已经完成了一个简单的向导脚本 jQuery .

I have done a simple Wizard Script jQuery works perfectly.

现在我的问题是?

如何更改动画以隐藏该动画的数据 jsfiddle 类型标签?

How can I change the animation to hide the data to this animation jsfiddle type tabs?

    $(".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;
    });

我的完整代码: https://jsfiddle.net/jwzjys8u/

推荐答案

我认为您可以改用 fade

 $(".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;
});

无论如何，您都可以使用CSS进行转换！

Anyway you could use CSS to make transitions!

这篇关于如何更改向导的动画效果?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！