Минимизировать / увеличить див

Question

Я создал приложение для чата в одном DIV. Теперь мне нужно, чтобы он был помещен внизу страницы, который должен быть сведен к минимуму и развернут Может ли кто-нибудь помочь мне

<div  style="height:40px;  width:300px;  background-color:#CC66FF; position:absolute;bottom:15px;"  >

<div id="vithu" style="height:40px;  width:200px;"></div>
<span id="error_msg"></span>
<table>
<form method="post">
<tr>
<td><input type="text" name="txt_msg_box" id="txt_msg_box" ></td>
<td><input type="button"  value="Chat" onClick="save_chat();"  /></td>
</tr>  
<input type="hidden" id="hdn_username" name="hdn_username" value="<?php echo  rand_str();?>" />
</form>
</table>
</div>

Answer 1

Полагаю, вы ищете что-то вроде этого ... модального окна с использованием прототипа

Answer 2

Используйте jQuery для установки свойства отображения div в none. Добавьте класс "divNotDisplayed", когда вы скрываете div. Если этот класс присутствует, измените размер других элементов div. Добавьте класс «divDisplayed» при отображении элемента div и еще раз измените другие элементы div.

Udachi