创建具有toogle tabing淡入效果的手风琴

Question

我想做一把有拨动和淡入效果的手风琴。

这是我的jsfiddle

和两个屏幕：

1)

​

​

2)

​

​

所以，点击"Panel 1“或"Panel 2”，内容也应该上下切换。

当我选择了一个主题，我点击了另一个面板，然后内容应该移动fadingIn，而不是切换。

在屏幕2)上有一个“关闭按钮”，这将在每次关闭所有面板内容时返回到屏幕1)。

英语不是我的第一语言。

谢谢

Answer 1

这就是你想要的效果吗：http://jsfiddle.net/n5Y7p/3/？又快又脏，帮你入门

编辑:我的道歉。我刚刚意识到你想交叉淡入淡出内容。

Answer 2

我建议你去看看：http://docs.jquery.com/UI/Accordion

它的实现相当简单，而且很容易定制。