Javascript 收缩分区'；s然后单击恢复它们

理想情况下，我想要一个Windows7风格的最小化div，然后恢复。我想要一个方法，它可以直接获取div，收缩并将其移动到屏幕的左下角，然后单击以将其恢复到中心。请帮忙！下面是我的JSFIDLE，它介绍了使用按钮移动div的基本操作：

我删除了不正确的分号。和小提琴中的jqueryUI联系在一起

因此，将这些行从

    width: "20px;",
    height: "20px;",


    width: "140px;",
    height: "140px;", 

对此

    width: "20px",
    height: "20px",


    width: "140px",
    height: "140px", 

<p>
    <button id="go">Save »</button>
    <button id="go1">Restore Next</button>
</p>
<div class="box0">box 1</div>
<div class="box1">box 2</div>
<div class="box2">box 3</div>

$('#go1').on('click', function () {

现在看来效果不错。如果这是你想要的，请告诉我

---

编辑：我修复了它，所以第三个只需要点击一次，而不是两次

我改变了你的html从这个

<p>
    <button id="go">Save »</button>
    <button id="go2">Restore Next</button>
</p>
<div class="box0">box 1</div>
<div class="box1">box 2</div>
<div class="box3">box 2</div>

对此

    width: "20px",
    height: "20px",


    width: "140px",
    height: "140px", 

<p>
    <button id="go">Save »</button>
    <button id="go1">Restore Next</button>
</p>
<div class="box0">box 1</div>
<div class="box1">box 2</div>
<div class="box2">box 3</div>

$('#go1').on('click', function () {

---

编辑我做的，这样你可以在点击3次后继续循环点击（将其重置为0）

增加

---

好吧，那我怎么用UII来做呢？我只需要这样的东西：它可以处理一行中的多个div来缩放。嘿，太棒了！你能修复我的“保存”和“恢复”按钮，使它们在结束后始终工作/重置吗？非常感谢。或者“恢复”只是将它们全部恢复到原始状态嘿，谢谢，它非常完美。我只是想知道如何重置按钮上的计数器！单击=0；恢复=0；你不工作了。