Question

Good morning everyone,

I’m currently building a jquery step by step form at: http://jsfiddle.net/xSkgH/ and was just wondering how I could add an animation (i.e. fade in/fade out) between each step to ease the transition between each step?

Thanks in advance!

Answer 1

The easiest way to add animation could be like this

 $(this).parent().parent().hide().prev().show('slow');

http://jsfiddle.net/xSkgH/6/

you can pass an argument to show that is the showing speed. If you also add jquery ui you can use various effects

 $(this).parent().parent().hide().next().show( 'slide', 'slow');

http://jsfiddle.net/xSkgH/7/