Question

这是jquery部分，将提供jfiddle

$（document）.ready（function（）{

$("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，而您的div被称为#form1和#form2。

另外，你的点击处理程序有点奇怪吗？您将点击处理程序绑定到所有a标签（永远不会关闭），并在内部绑定另一个点击处理程序以输入按钮？

看看我在这个jsfiddle中的例子： http://jsfiddle.net/w2qL0pn6/1/

我想通过使用显示和隐藏它们的多个div来制作多部分表单

1 个答案: