[英]How to maximize and minimize a div
如何最大化和最小化div。 我可以根据需要调整div的大小。
我想你需要这样的东西
http://jsfiddle.net/miqdad/Qy6Sj/1/
你可以在jsfiddle中查看代码,这里是我所做的代码创建了一个div,另一个div作为标题栏和内容框
HTML
<div id="widnow">
<div id="title_bar">
<div id="button">-</div>
</div>
<div id="box">
</div>
</div>
CSS
#widnow{
width:400px;
border:solid 1px;
}
#title_bar{
background: #FEFEFE;
height: 25px;
width: 100%;
}
#button{
border:solid 1px;
width: 25px;
height: 23px;
float:right;
cursor:pointer;
}
#box{
height: 250px;
background: #DFDFDF;
}
jQuery的
$("#button").click(function(){
if($(this).html() == "-"){
$(this).html("+");
}
else{
$(this).html("-");
}
$("#box").slideToggle();
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.