javascript - 如何动态调整 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 控件，它包含在可调整大小的 jquery 中。

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

Answer 1

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

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

演示：小提琴