只显示div的一部分(Showing just some part of a div)

只显示div的一部分(Showing just some part of a div)

我想要显示一个div，只显示它的顶部（如50px哦高度）和其他（底部像100px）div的一部分应该由jquery.show（）或其他显示。 有没有人知道该怎么做？

I want to have a div which is shown just top part of it (like 50px oh height) and other (bottom like 100px) part of the div should be shown by jquery.show() or something else. Is there anyone know how to do it ?

最满意答案

您可以将div高度设置为50px，点击后，您可以将高度更改为每个javascript / jQuery自动调整，或者将其从auto恢复为50px。

CSS：

.mydiv{ height:50px; min-height:50px; overflow:hidden; }

jQuery的：

$("document").ready(function(){ $(".mydiv").click(function(){ if($(".mydiv").css("height")!="50px"){ $(".mydiv").slideDown(); } else{ $(".mydiv").slideUp(); } } }

You could set the div height to 50px fixed and on click you can change the height to auto per javascript/jQuery, or revert it from auto to 50px.

CSS:

.mydiv{ height:50px; min-height:50px; overflow:hidden; }

jQuery:

$("document").ready(function(){ $(".mydiv").click(function(){ if($(".mydiv").css("height")!="50px"){ $(".mydiv").slideDown(); } else{ $(".mydiv").slideUp(); } } }