Javascript 最小化到页面底部

我有一个div标签，为了最小化，我使用了以下JS

function my()
{
    $("#button").click(function(){
        if($(this).html() == "+"){
            $(this).html("-");
            $("#box, #title_bar").toggle("Up");
        }
        else{
            $(this).html("+");
            $("#box, #title_bar").toggle("Down");
        }    
    });
}

我的div标签是这样的

<div id="widnow">
    <div id="button">-</div>
    <div id="title_bar"><b>Console Log</b></div>
    <div id="box"></div>
</div>

所以现在我希望它像facebook的聊天窗口，也就是

最小化到页面底部，并且

在250像素时最大化到原始位置，并且

仅在窗口顶部可展开 我如何完成上述任务

谢谢。

试试这个：

function Minimize() 
{
    window.innerWidth = 100;
    window.innerHeight = 100;
    window.screenX = screen.width;
    window.screenY = screen.height;
    alwaysLowered = true;
}

function Maximize() 
{
    window.innerWidth = screen.width;
    window.innerHeight = screen.height;
    window.screenX = 0;
    window.screenY = 0;
    alwaysLowered = false;
}

<A HREF="javascript:onClick=Minimize()">Minimize</A>
<A HREF="javascript:onClick=Maximize()">Maximize</A>

函数最小化（）
{
window.innerWidth=100；
window.innerHeight=100；
window.screenX=screen.width；
window.screenY=screen.height；
alwaysLowered=正确；
}
函数最大化（）
{
window.innerWidth=screen.width；
window.innerHeight=screen.height；
window.screenX=0；
window.screenY=0；
alwaysLowered=错误；
}

function Minimize() 
{
    window.innerWidth = 100;
    window.innerHeight = 100;
    window.screenX = screen.width;
    window.screenY = screen.height;
    alwaysLowered = true;
}

function Maximize() 
{
    window.innerWidth = screen.width;
    window.innerHeight = screen.height;
    window.screenX = 0;
    window.screenY = 0;
    alwaysLowered = false;
}

<A HREF="javascript:onClick=Minimize()">Minimize</A>
<A HREF="javascript:onClick=Maximize()">Maximize</A>