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

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/