滑动/设置Extjs窗口的动画

我正在使用Geoext、OpenLayers和ExtJS。在工具栏按钮中，我尝试使用ExtJS在单击时显示窗口。现在，我想在窗口出现之前设置动画/滑动窗口，而不是直接显示

我还意识到了解jQuery很有用。但是我应该如何实现下面的代码呢

我的点击代码如下：

mainWindow = new Ext.Window({
    title: 'Company Information',
    collapsible: true,
    maximizable: true,
    closeAction: 'close',
    renderTo:Ext.getBody(),
    //renderTo:"div",
    bodyStyle: 'padding:10 10px 5;',
    width: 696,
    height: 445,
    enableTabScroll : true,
    frame: true,
    // layout: 'fit',
    plain: true,
    bodyStyle: 'padding:10px;',
    buttonAlign: 'center',
    items: [gridPanel],
});

mainWindow.show();  

---

谁能帮我一下吗？

看看Ext FX和Ext Element（）