如何使用jQuery实现div内表单的最小化视图？

Question

默认显示div内的最小化视图， 当用户点击div时，弹出表单供用户编辑。

如何实现？ 或者是否有一个现成的插件来实现这个jQuery？

Answer 1

只需创建它并将其设置为隐藏的小溢出。

然后点击它让动画更大。

编辑：

哦，对。所以你想让它变小吗？

嗯，我不认为有一种“简单”的方式。您可以使用％on on width和hight（以及文本大小）搜索表单上的所有组件。

可以工作，但这只是我头脑中的理论。

示例：

$("#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');
});

或类似的东西。