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

Question

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

<div id="siteOptWrap"> 


</div> 


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

--here在这里，我想重新大小

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

我真的很希望能缓解调整大小。我正在做的事情我有一个菜单，我想在约30％的屏幕上显示，并且在窗口加载后大约5秒钟我想要简化菜单。

- 这是一个图像，显示在页面的最底部的菜单，这是一个jQuery的jQuery控件包装在一个jQuery的可调整大小。

我需要在大约5秒钟后缓解底部菜单，以便用户不必开始工作。

Answer 1

如果你想改变你需要使用.css()，不.resize这是用来添加resize事件处理程序的元素的高度。

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

演示：Fiddle