如何为Jquery实现与slideIn（MooTools）相同的效果？

这是我想要的效果？不幸的是，jQuery的

slideDown（）

效果不一样。这就是我想要的效果（代码和演示位于）

---

我知道jQuery有一个

animate（）

方法。但是，要实现与MooTool的

slideIn（）

方法相同的效果，具体需要做什么呢？

这里有一种在JQuery中滑入滑出（左/右）的方法，您应该能够快速编辑代码以匹配您想要的效果：

----CSS----

----JQuery----

----HTML----

在这里测试
一些东西在右边

退房。它折叠包含的div，以便在页面关闭时不占用空间。这正是MooTools所做的（我不知道MooTools，但我确实观察到Firebug对CSS的更改）。

它将div移动到另一个div的可视框架之外，如果您想将容器div设置为不可见，这只是另一行代码谢谢，这很有效！我试着搜索。不知道是否有这个插件。

#container_div {
    height: 200px;
    width: 400px;
    overflow: hidden;
    float: left;
}
#inner_div {
    height: 100%;
    width: 100%;
    position: relative;
    background-color: #ccc;
}

$('#toggle_link').live('click', function() {
    if ($('#inner_div').css('left') == '0px') {
        $('#inner_div').stop().animate({left: (-1 * $('#inner_div').width())}, 1000).parent().stop().animate({width: '0px'}, 1000);
    } else {
        $('#inner_div').parent().stop().animate({width: '400px'}, 1000);
        $('#inner_div').stop().animate({left: '0px'}, 1000);
    }
});

<div>
  <a href="#" id="toggle_link">TOGGLE</a>
</div>
<div id="container_div">
    <div id="inner_div">test in here</div>
</div>
some stuff to the right