javascript - 部分显示和隐藏 DIV

Question

我需要部分隐藏 DIV，而不是完全隐藏。当页面加载时，我希望它显示第一个，比方说，位于 div 最上部的 100 个像素。当用户单击某个按钮时，div 将打开(它可能是像 jQuery 的 show() 那样的滑动效果)。当用户再次单击同一个按钮时，div 将返回到其原始状态，仅显示前 100 个像素。我正在尝试弄清楚如何使用 jQuery 执行此操作，因为它似乎是执行此操作的最佳方法。有什么提示吗？谢谢。

Answer 1

这可以通过将 div 的初始高度设置为 100px 并将其溢出设置为隐藏在 CSS 中来完成。然后当您在点击 javascript 按钮时显示完整的 div 时，您可以将 div 的高度更改为自动。

示例:http://www.quirksmode.org/css/overflow.html

CSS 代码:

overflow : hidden;