facebook - 如何用jQuery实现类似facebook "New Stories"按钮的slideToggle效果？

Question

正如您所知，不久前 Facebook 添加了一些新功能。其中之一是“新故事”按钮，单击该按钮会展开(我猜是幻灯片切换效果)并显示新故事。

<小时/>

这是我正在谈论的按钮:

<小时/>

我想知道如何在 jQuery 的帮助下实现单击此按钮后出现的相同滑动/切换效果和淡入效果。

我尝试在互联网上搜索这个，但我发现的所有效果都是常规的 SlideToggle 效果，我的意思是它们开始从顶部显示 div 并向下滑动到底部(这就是我所说的常规内容 http://jsfiddle.net/TwxB4/ )，其中正如 Facebook 所使用的那样，从 Conceal div 的底部开始，然后滑到其顶部。 (如果你在 Facebook 上查看，你就会明白我的意思)。

编辑:我只是在寻找 SlideToggle 效果，没有其他效果，我希望能够在用户单击实现该效果的链接时展开和缩小 Conceal 的 div。

<小时/>

编辑:这是我正在寻找的效果的说明:

Answer 1

此示例按照您所描述的方式工作，首先显示底部内容:

http://jsfiddle.net/SBLNn/16/

这里还有全屏 View :

http://jsfiddle.net/SBLNn/16/embedded/result/

他们还可以通过 Conceal feed 的溢出，然后在内部 feed 包装器上设置负边距，然后当您单击时，他们只是将该负边距动画化为 0。