我需要部分隐藏DIV,而不是全部。当页面加载时,我希望它显示第一个,比方说,坐在div的最上部分的100个像素。当用户点击某个按钮时,div会打开(可能是jQuery show()的滑动效果)。当用户点击相同的按钮时,div将返回到原来的状态,只显示前100个像素。我想弄清楚如何用jQuery来做到这一点,因为它似乎是最好的方式来做到这一点。任何提示?谢谢。部分显示和隐藏DIV
2
A
回答
6
它可以通过将div的初始高度设置为100px并将其溢出设置为隐藏在CSS中来完成。那么你可以改变div的高度为自动,当你显示完整的div在JavaScript按钮点击。
例如:http://www.quirksmode.org/css/overflow.html
CSS代码:
overflow : hidden;
2
你需要切换方法和一些动画, jQuery的风格:
设置div的高度利用CSS为10px。
$("td").toggle(
function() {
$(this).animate({ height:"100px" } , 1000)
},
function() {
$(this).animate({ height:"10px" } , 1000)
}
);
相关问题
- 1. 显示DIV中隐藏DIV的部分
- 2. jQuery显示和隐藏div
- 3. jQuery显示和隐藏div
- 4. ng-include部分隐藏和显示
- 5. 如何显示和隐藏部分?
- 6. 用Javascript显示/隐藏DIV部分onchange和onload
- 7. 显示/隐藏DIV
- 8. div显示/隐藏
- 9. 显示/隐藏div
- 10. 显示/隐藏Div
- 11. 隐藏/显示DIV
- 12. 显示和隐藏多个div jquery显示/隐藏/切换
- 13. 滑入/滑出标题div /显示部分隐藏的div
- 14. 在显示/隐藏div中显示/隐藏div
- 15. 当我显示div时,隐藏的div-img隐藏不显示
- 16. 如何显示阿贾克斯部分隐藏值和部分div divr
- 17. 揭示隐藏div的一部分
- 18. 显示/隐藏div显示曝光的div的底部
- 19. 隐藏/显示Div-Wordpress分类页
- 20. onMouseOver和onMouseOut显示和隐藏div
- 21. jquery部分隐藏div
- 22. 显示和隐藏div从底部到顶部
- 23. 显示/隐藏悬停的特定部分并隐藏鼠标移出的div
- 24. 显示一个隐藏和显示部分一次使用jquery
- 25. jQuery的显示/隐藏DIV
- 26. jquery多DIV隐藏/显示
- 27. 隐藏/显示一个DIV
- 28. jquery隐藏并显示div
- 29. 如何显示/隐藏div
- 30. Div显示隐藏有效
只是为了评论,该示例显示了CSS'overflow:hidden'属性的示例,以获取图片如何隐藏div的额外内容,直到javascript取消隐藏它... – zappan 2009-01-15 19:16:03