创建一个带有切换功能的褪色效果的手风琴

Question

我想制作一个带有切换和淡入淡出效果的手风琴。

这是我的jsfiddle

和两个屏幕：

1）

2）

因此，点击“面板1”或“面板2”，内容也应该向下和向上。

当我选择其中一个主题时，我点击另一个面板，而不是内容应该移动 通过淡入而不切换。

屏幕2）是一个“关闭按钮”，每次所有面板内容都会关闭并返回 屏幕1）。

英语不是我的第一语言。

谢谢

Answer 1

这是你想要的效果：http://jsfiddle.net/n5Y7p/3/？ 快速而肮脏，让你入门

编辑：道歉。我刚刚意识到你想要交叉淡化内容。

Answer 2

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

实施相当简单，易于定制。