Question

我的小提琴只显示了我想要做的部分内容，但由于我甚至无法让第一部分工作，我没有尝试添加第二部分。

第一部分

有两种形式。第二种形式是不可见的，因为它的类被设置为“display：none;”

我想要做的是，当您在第一个表单上点击“发送”时，它会淡出，然后类在form2上更改，以便它变得可见。

我的小提琴显示了我对此http://jsfiddle.net/mjmitche/KvwGw/

的微弱尝试

注意，我是新手，所以请尽可能多地提供解释。（注意，我没有在小提琴中创建适当的形式，因为不知道在哪里张贴等等）

第二部分（未尝试）部分

在第二个表单上单击发送后，我想要一个回调函数，它也会淡出第二个表单。

如果可以，请帮忙。

非常感谢！

Answer 1

你的语法有点偏，这个：

.css(display:block);

Should be：

.css({display:"block"});

或：

.css("display", "block");

or simply：

.show();

You can test it out here

此外，请注意，<blah>作为无效元素意味着您的.hide()无法正常工作，我将这些元素设为实际<div>。

编辑：对于第二部分，您可以一次性附加类似的处理程序，或者使用公共类使n数字的表单通用。相反，他们都有class="form"，那么你可以这样做：

$(".form").submit(function() {
    $(this).hide(1000,function() {
        $(this).next(".form").show();
    });
    return false; //prevent actually submitting for this demo
});

...如果您的实际网页结构中有必要，请将.next()调整为some other relative find。这种方法适用于任何数量的表单，非常简单，you can test it out here。

Answer 2

你走了。这是一个更新和工作的。希望你能说出不同之处，让我知道你有什么不明白的地方

http://jsfiddle.net/KvwGw/2/

第二部分

$('#form2').submit(function() {
    // add form submit stuff in there

    $(this).fadeOut(); //fades out form
    return false; //prevents form from submitting to the form action

});

Answer 3

试试这个：your fiddle updated

您需要将css属性包装在对象表示法括号中，或者像逗号分隔的字符串那样：.css("display", "block")

我的jquery小提琴不起作用

3 个答案: