我正在上班仪表盘，我有多个iframes一个网页上公开，每个iframe具有不同的网站。 我已经能够得到div的控股的iframes来调整和阻力，但我不能为我的生命得到它最小化，当我按左上角的图像。 这是我到目前为止有：
// JavaScript Document $(function () {"use strict"; $("#framewrap") .resizable() .draggable(); }); .body_padding { padding: 16px; } #framewrap { padding-right: 10px; padding-left: 10px; padding-bottom: 28px; background-color: #277099; width: 512px; height: 90px; -webkit-box-shadow: 2px 2px 16px -2px; box-shadow: 2px 2px 16px -2px; border-radius: 12px; position: absolute; } #frame { width: 100%; height: 100%; background-color: #fff; } <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <body> <div> <div id="framewrap"> <span style="color: #FFFFFF; font-size: small; font-style: normal; font-weight: 100;">Window 1</span> <img src="http://findicons.com/files/icons/2711/free_icons_for_windows8_metro/128/minimize_window.png" alt="" width="18" height="18" align="right"/> <iframe id="frame" src=""></iframe> </div> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script> <script src="js/main.js"></script </body> 这个想法是，我可以按右边的最小化按钮，它包装的高度和宽度改变div到的高度90px ，宽度256px 。 我需要有多个iframes开一个页面，它可以单独移动，调整大小，并根据需要尽量减少一次。 任何帮助表示赞赏谢谢！
