Пошаговая форма, проблемы

[Igor.D]

Я новичок в этом деле, никак не могу сделать, пошаговую форму (html + css). Не получается скрыть ненужные формы в данном шаге. Например: при первом шаге, должна отображаться только первая форма, а вторая и третья должны быть скрыты. Аналогично со вторым и третьим шагами... а и еще только html + css, скрипты и т.д. пока еще не знаю ))

 

Вот пример: http://jsfiddle.net/3Lgfo785/

Прошу выложить решение! Заранее благодарю!)

[afdw]

http://jsfiddle.net/3Lgfo785/1/

[satantx]

Со скриптами:

http://jsfiddle.net/k1L6mban/

Edited May 20, 2015 by satantx

[Switch74]

без скриптов же просили...

на форуме уже были подобные темы и в инете можно найти много рпимеров
как вариант в данной теме было решение

http://htmlforum.ru/index.php?showtopic=48497

[Igor.D]

http://jsfiddle.net/3Lgfo785/1/

Спасибо! Все легко и просто, я так же писал, но вместо "~" я ставил "+" )

Нужно мне почитать про эти соединители типа "~" и "+" 

[afdw]

 

http://jsfiddle.net/3Lgfo785/1/

Спасибо! Все легко и просто, я так же писал, но вместо "~" я ставил "+" )

Нужно мне почитать про эти соединители типа "~" и "+" 

 

Вот: ~ и +.