2012-06-13 2 views
3

Как максимизировать и минимизировать div. Могу ли я изменить размер div по мере необходимости.Как максимизировать и минимизировать div

+6

Черт, это загадочное. – Amberlamps

+0

В чем нуждаются –

+1

Возможно, с помощью jQuery UI Dialog? (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

Смежные вопросы