显示/隐藏Div

Question

我正在尝试以下操作。

有网页两种形式，

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

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

我想表格2是隐藏页面加载。

如果用户点击形式1是，需要他们 新页。如果用户点击没有上形式1，它隐藏窗体1和显示形式2

我累垮如果我能制定出这样的js。 希望使用jQuery幻灯片，缓和...我已经看过jQuery网站，并在幻灯片向上，切换显示等，但..我失去了一个简单的解决方案？

Answer 1

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

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

隐藏在页面加载，使用CSS的股利＃B：#b{ display:none; }

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

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

    }); 

Answer 2

一个简单的解决方案？是。重构您的设计并使用两个页面，每个窗体一个。您正在寻找的解决方案？在http://www.jsfiddle.net/QHBa8/

本质上点击时没有（在onclick事件）号

Answer 3

看看我的叉子要隐藏的div a和显示DIV b。使用jQuery id选择器（$('#a')和$('#b')），您可以获得对div的引用，然后在其上调用jQuery方法，如show()和hide()。

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