2012-06-13 41 views
3

如何最大化和最小化分区。我可以根据需要调整div的大小吗?如何最大化和最小化分区

+6

妈的,这是神秘的。 – Amberlamps

+0

您需要什么 – 2012-06-13 10:49:18

+1

也许使用jQuery UI对话框? (http://jqueryui.com/demos/dialog/)它本身支持调整大小,通过隐藏/显示对话框可以实现最大化/最小化效果,甚至可以通过自定义的“最小化”版本进行切换。 – David

回答

19

我认为你需要像这样

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(); 
}); 
+1

请将代码和解释添加到您的答案中。 –

+0

@FelixKling感谢您的建议 –

+0

如果有两个或多个盒子的div。并希望在完整div上显示一个框。如果再次需要设置相同的大小。 – Alpana