如何使用jQuery實現div內表單的最小化視圖？

Question

默認情況下顯示div內的最小化視圖， 當用戶點擊div時，彈出窗體供用戶編輯。

如何實現這個？ 還是有一個準備插件來實現這與jQuery？

Answer 1

只需創建它，並將其設置爲隱藏的溢出。

然後點擊讓它動畫變大。

編輯：

哦對。所以你想讓它變小？

嗯，以及我不認爲有一個「簡單」的方法。你可以做什麼使用寬度和高度（和文本大小）上的百分比來搜索表單上的所有組件。

可以工作，這只是我的頭頂理論。

例如：

$("#container").click(function() { 
     $(this).siblings().css({width:25%, height:25%, font-size:25%}); 
}) 

等等

Answer 2

你只需要指定一個風格，是更大，一個是小，來回翻動它們之間：

jQuery('#my-div').click(function(){ 
    jQuery(this).removeClass('smaller').addClass('bigger'); 
}); 
jQuery('#my-div').blur(function(){ 
    jQuery(this).removeClass('bigger').addClass('smaller'); 
}); 

或類似的東西。