Javascript html中的可最小化侧面板

我正在寻找一个简单的javascript来创建在某个操作后隐藏的侧面板（例如，单击某个区域后）。类似于但从左侧显示，而不是在示例中从上到下显示。

---

非常感谢您的帮助：）

您有两种选择。您可以使用JQuery或scriptaculous来实现这一点。互联网上有大量的示例和教程，或者您可以简单地使用java脚本来实现这一点。 首先下载它是一个非常简单的javascript动画框架

因为您没有提供任何HTML标记，所以我假设您有类似的东西

<div id="side-panel">panel content..</div>
<div id="content">main content..</div>

---

如果你查看emile框架的文档，你可以做很多其他很酷的事情。

因为你没有向我们提供你的代码（你已经构建了），这就是为什么我只提供一个代码来帮助你（我不知道这是不是一个正确的答案）。这段代码需要jQuery 1.4版，至少我这么认为，但我不清楚。无论如何，让我们开始吧。这里是一个链接

---

希望这有帮助

为什么不使用jQuery呢？jQuery的任务很简单，我认为这是最流行的解决方案，但我想找到一些替代方案来选择最佳方案：）有两个以上的选择，即使你将答案限制为“使用库”。为什么不使用jQuery呢，这要容易得多。我只是不喜欢为了一个简单的动作而添加一个完整的库。emile只有50行代码，可以制作所有类型的动画。JQuery在这里似乎有点过头了。此外，他可以很容易地将这个脚本转换为jQuery。谢谢，这个例子看起来就像我正在寻找的：）嘿，Nozim，如果Jack Billy的答案是完美的，那么你为什么不接受他的答案呢。

function togglePanel(){
    var panel = document.getElementById('side-panel');
    if(!panel.__closed){
        emile(panel, 'width:0px');
        panel.__closed = true;
    }else{
        emile(panel, 'width:200px');
        panel.__closed = false;
    }
}