如何动态调整大小Jquery可调整大小

Question

我们如何动态调整Jquery的大小？

<div id="siteOptWrap">


</div>


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

- 这是我想重新调整大小的地方

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

我真的希望能够轻松调整大小。我正在做什么我有一个菜单，我希望在大约30％的屏幕上显示，窗口加载后大约5秒我想要简化菜单。

- 这是一个显示页面最底部菜单的图像，它是一个包含在jquery resizeable中的tabs jquery控件。

我需要在大约5秒后放松底部菜单，以便用户无需这样做才能开始工作。

Answer 1

如果您想更改元素的高度，则需要使用.css()，而不是.resize用于添加resize事件处理程序。

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

演示：Fiddle