html最大化和最小化,javascript – 如何最大化和最小化div

我想你需要这样的东西

你可以在jsfiddle中查看代码,这里是我所做的代码创建了一个div,另一个div作为标题栏和内容框

HTML

-

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();

});