JQuery显示或隐藏效果

Question

我试图做一个幻灯片打开效果，但我做不到。最后我找到了这个，但我无法集成到我的页面。请帮忙。

这是我想要的方式：http://jsfiddle.net/Hftpc/17/

这是我的尝试：http://jsfiddle.net/LGU8E/
编辑：你说我不明白你想要什么？ 我会详细解释一下： 你看到了吗？ ：http://jsfiddle.net/Hftpc/17/ 我想为我的页面执行此操作：http://jsfiddle.net/LGU8E/ 当我的鼠标在quickstartdiv上时，这个效果（我给它：http：//jsfiddle.net/LGU8E/）运行并且visiblepanel div打开像这样= http：//jsfiddle.net/LGU8E/但不是垂直的，它是水平的.. 我希望我能解释一下......

Answer 1

它需要jQuery和jQuery UI来运行这些动画，

Updated

[编辑] 我仍然不知道您要做什么，如果您希望它垂直打开，请将“水平”关键字更改为“垂直”。如果你想做别的事，告诉我们那是什么。

Answer 2

你的小提琴需要做一些工作才能使它成为纯HTML和适当的javascript。首先，您需要使用jQuery和jQuery UI（用于动画）而不是MooTools。其次，你不能在小提琴中使用ASP标签，你需要将其转换为HTML。您不需要文档就绪处理程序，因为jsFiddle允许您在选项中指定（onDomReady是我选择的）。我的CSS也遇到了一些问题，因为它不适合在小提琴环境中工作 - 你的绝对定位会把东西移到显示区域之外。经过一些调整后，我想出了this fiddle,这似乎按照你想要的方式工作。您只需调整CSS（和HTML）即可。