Javascript 如何动态调整Jquery的大小

我们如何动态地重新调整Jquery的大小

<div id="siteOptWrap">


</div>


   $('#siteOptsWrap').resizable({
        distance: 10,
        handles: "n",
        ghost: true,
        animate: true,
        maxHeight: '600',
        //animateDuration: "fast",
    });

我真的希望能够轻松调整大小。我正在做的是，我有一个菜单，我想在30%的屏幕上显示，在窗口加载后大约5秒钟，我想把菜单放下来

--这是一张显示页面最底部菜单的图片，它是一个标签jquery控件，包装在一个jquery可调整大小的控件中

我需要在大约5秒钟后将底部菜单向下移动，以便用户不必这样做就可以开始工作

---

如果要更改需要使用的元素的高度，而不是用于添加

调整大小

事件处理程序的元素的高度

$('#siteOptsWrap').resizable().css({ 'height': '25px' });

---

演示：

这肯定会奏效。非常感谢。你知道如何轻松调整大小吗？

$('#siteOptsWrap').resizable().css({ 'height': '25px' });