jQuery单击并下拉一个div（如iOS通知中心）答案

【问题标题】：jQuery click and pull down a div (like iOS notification center)jQuery单击并下拉一个div（如iOS通知中心）
【发布时间】：2012-09-16 22:13:03
【问题描述】：

我知道 jQuery 的 .toggle() 和 .slideDown() 函数，但是有没有一种方法可以让用户单击链接或项目并可以拉/滑下 div。

我希望创建与 iOs 通知中心类似的效果，您可以在其中单击图标并将 div 调整为（定义的）高度。

【问题讨论】：

【解决方案1】：

您的第一句话令人困惑。单击链接或项目并让 div 向下滑动基本上是 .slideDown()。如果您只是想将 div 从小高度调整为大高度，请尝试使用 .animate({height: 200px}, 500) 使小 div 在半秒内增长到 200px。

【讨论】：

嗨 Rich，我正在尝试调整 div 的大小，但使用的是鼠标。因此，我单击 div 内的图标，当我将鼠标向下移动时，div 会随着鼠标向下移动而调整大小，或者如果我向上移动鼠标则调整备份大小。我在这里找到了类似的东西：jsfiddle.net/JXeWA/46 但它需要 jquery-ui。我想知道没有它是否可能。
好的，是的，使用 jquery-ui 'resizable' 类是最简单的方法。自己做一点都不容易。幸运的是，创建一个只有 Resizable 组件的自定义 jquery-ui 下载非常简单。
一点术语说明：当您按住鼠标左键并移动鼠标时，称为“拖动”。您还可以拖动窗口，这意味着您正在通过拖动标题栏来移动窗口。
谢谢！我会试一试。英语不是我的母语，所以我为造成的混乱道歉。