JQuery显示或隐藏效果

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

这是我想要的方式：

这是我的尝试：
编辑：你说我不明白你想要什么？ 我会详细解释： 你看到这个了吗 我想为我的页面执行以下操作： 当我的鼠标在quickstartdiv上时，此效果（我给出：http://jsfiddle.net/LGU8E/)运行和visiblepanel div打开时如下所示=http://jsfiddle.net/LGU8E/ 但不是垂直的，而是水平的。。

---

我希望我能解释一下..

运行这些动画需要jQuery和jQuery UI

---

[编辑]我仍然不知道你想做什么，如果你想让它垂直打开，请将“水平”关键字更改为“垂直”。如果您想做其他事情，请告诉我们这是什么。

您的小提琴需要一些工作才能使其成为纯HTML和适当的javascript。首先，您需要使用jQuery和jqueryui（用于动画）而不是MooTools。第二，你不能在小提琴中使用ASP标记，你需要把它转换成HTML。您不需要文档就绪处理程序，因为jsFiddle允许您在选项中指定它（我选择的是onDomReady）。我对CSS也有一些问题，因为它不是为在小提琴环境中工作而设计的——你的绝对定位会把东西移到显示区域之外。经过一点调整，我想出了一个似乎工作的方式，你想要它。您只需调整CSS（和HTML）以适应。

您能否更新您的问题，以解释您试图达到的效果，并详细说明失败的地方？您甚至可以包含相关的代码片段，以使答案更容易看到问题。您不能在html中包含ASP标记。我想您的意思是“它”需要jQuery和jQuery UI。谢谢你的回答。是的，我想这样做，但是你设置的Css不是我的。我写了我的CSS，但它不起作用，当我改变它时，我看不到openin'Animation…我不明白。我的CSS有什么问题？我想做这个，但你改变了。我必须用它吗？好的，我明白，我不能在此内容中使用asp.net项目。@dmrc1143-在我删除左侧定位和左侧边距设置之前，任何内容都不可见。在你的真实应用程序中，这些可能是可以的，但在小提琴中它使它不可见。先生，也许你是对的，但在我的真实应用程序中可能不起作用。我看到，它是这样的==>@dmrc1143-你可能可以把CSS放回原来的样子。现在回想起来，我想真正做的所有改变都是去掉了显示框中的水平滚动条（我几乎看不见）。对不起，我听不懂你说的。。但剩下的财产利润：50%的CSS打破了我的“隐藏展示”部分。。但我需要这个（左边距：50%）CSS属性。我能做什么？