я хотел бы сделать многослойную форму с помощью нескольких див отображения и скрытия их

Question

Вот это JQuery части, буду поставлять jfiddle

$ (документ) .ready (функция() {

$("a.atest").click(function(){ 

$(this).leanModal(); 

    $("button, input[type='button']").click(function(){ 

     $('#contact').hide(); 

     $('#nextForm').show(); 

    }); 

}); 

});

http://jsfiddle.net/hfes4ugn/

Answer 1

Вы хотите использовать .show() и .hide(), таким образом, вам не нужно будет установить display: none и display: block себя.

Он должен работать, как вы хотите, делая это так:

$("#form1").hide(); 
$("#form2").show(); 

Просто убедитесь, что вы используете правильные селекторы. Я не знаю, является ли это опечаткой, но в вашем коде вы ссылаетесь на #contact и #nextForm, в то время как ваши divs называются #form1 и #form2.

Кроме того, ваш обработчик кликов немного странный? Вы привязываете обработчик кликов ко всем тегам a (который никогда не закрывается), а внутри вы привязываете другой обработчик кликов к кнопкам ввода?

Посмотрите на мой пример в этом jsfiddle: http://jsfiddle.net/w2qL0pn6/1/