我的jquery小提琴不起作用

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

第一部分

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

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

我的小提琴显示了我对这个http://jsfiddle.net/mjmitche/KvwGw/的微弱尝试

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

第二部分（未尝试）部分

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

如果可以的话请帮忙。

非常感激！

Answer 1

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

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 2

你的语法有点偏，这个：

 .css(display:block); 

应该是 ：

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

要么：

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

或者干脆 ：

 .show(); 

你可以在这里测试一下 。

另外，请注意， 是一个无效元素意味着你的.hide()不会按原样运行，我将这些元素设为实际的

。

---

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

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

…如果您的实际页面结构中有必要，将.next()调整为其他相对查找 。 这种方法可以以非常简单的方式适用于任意数量的表单， 您可以在此处进行测试 。

Answer 3

试试这个： 你的小提琴更新了

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