2017-06-25 2 views
1

シンプルなウィザードスクリプト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/

答えて

2

私はあなたがとにかくあなたが遷移を行うためにCSSを使用することができフェード代わり

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

を使用することができると思います!

+0

効果は望ましいものに非常に近いです。 – May

+0

divタグ内のボタン(前と次)がdivタグ内にあるときに動作しないので、divタグを削除せずに解決できます。https://jsfiddle.net/Lkwanexe/ – May

+1

はい、セレクタをボタンに合わせて変更することもできます彼らが部門にいるならば。私は調整をしたいのですか? –

関連する問題