html显示隐藏frame,Jquery 隐藏/显示 左侧frame,需要有动画效果的~

HTML>

MODEL PAGE

table {

margin: 0 auto;

border: 1px solid black;

border-collapse: collapse;

border: 1px solid black;

}

td {

border: 1px solid black;

}

var interval = null;

$ (function ()

{

var fs = $ ('frameset:last');

interval = setInterval (function ()

{

var L = parseFloat(fs.prop ('cols').match (/\d+/g)[0]);

if (L <= 0)

{

clearInterval(interval);

interval = null;

fs.prop ('cols', '0,*');

}

fs.prop ('cols', L - 10 + ',*');

}, 20);

})

id="topFrame" title="topFrame" />

id="leftFrame" title="leftFrame" />