显示/隐藏分区

Question

我正在尝试执行以下操作。

页面上有两个表单，

• [表格1]
• [表格2]

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

我希望表单2在页面加载时隐藏。

如果用户点击表单1 上的是，则会将他们带到新页面 如果用户点击表单1 上的否，则会隐藏表单1并显示表单2

如果我能解决这个问题，我会感到不安。 希望使用jquery幻灯片，轻松...我已经查看了jQuery网站，并在向上滑动，切换显示等但是...丢失是否有一个简单的解决方案？

Answer 1

我已更新您的代码。 http://www.jsfiddle.net/S9nX7/4/

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

要在页面加载时隐藏div＃b，请使用css：#b{ display:none; }

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

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

     });

Answer 2

在http://www.jsfiddle.net/QHBa8/

查看我的前叉

基本上在点击否（onclick事件）后，您要隐藏div a并显示div b。使用jQuery id选择器（$('#a')和$('#b')），您可以获取对div的引用，然后在它们上调用jQuery方法，例如show()和hide()。

在示例代码中它的所有内联，你想要调用一个javascript函数来完成实际的工作。

Answer 3

一个简单的解决方案？是。重构您的设计并使用两个页面，每个页面一个。您正在寻找的解决方案？否。