如何更改向导的动画效果?

时间:2017-06-25 17:59:30

标签: jquery

我做了一个简单的向导脚本 jQuery 完美无缺。

现在我的问题是?

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

    $(".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/

1 个答案:

答案 0 :(得分:0)

我认为您可以使用淡出代替

 $(".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进行转换!