显示/隐藏Div

Question

我试着做以下几件事。

页面上有两份表格，

• form 1
• form 2

本质上看小提琴http://www.jsfiddle.net/ozzy/S9nX7/1/

我希望表格2是隐藏的页面加载。

如果用户单击yes on form 1，如果用户在表单1上单击no，则会将其带到新页面，它隐藏表单1并显示表单2。

如果我能想出办法来做这件事，我会很恼火的。希望使用jquery幻灯片，同时放松..。我看过jQuery网站，在幻灯片上，切换显示等等。我迷失了有一个简单的解决办法吗？

Answer 1

我更新了你的密码。http://www.jsfiddle.net/S9nX7/4/

我添加了所需的css和所需的jQuery。我已经清理了你的html。

若要隐藏页面加载上的div#b，请使用css：#b{ display:none; }

若要隐藏div#a并在单击a.no时显示div#b，请使用jQuery。如果要滑动过渡，请用幻灯片或任何想要的效果替换jQuery隐藏/显示。

$("a.no").click(function(){
                 $("#a").hide();
                 $("#b").show();
                 return false;

     });

Answer 2

看看我在http://www.jsfiddle.net/QHBa8/的叉子

本质上，在单击no ( onclick事件)时，您希望隐藏div a并显示div b。使用jQuery id选择器($('#a')和$('#b'))，您可以获得对div的引用，然后在它们上调用jQuery方法，例如show()和hide()。

在示例代码(它是所有内联代码)中，您可能希望调用javascript函数来完成实际工作。

Answer 3

一个简单的解决方案？是。重构您的设计并使用两页，每个表单一页。你要找的解决方案？不是的。