[英]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.