Ext js панель показов используется для анимации не работает

Question

Ext JS Modern Theme имеют панель.Эта панель при нажатии скрыть и снова показать ту же панель с анимацией.Теперь панель скрывается, но показ не работает.Кто-нибудь найти проблему?

Ext.defer() работает с оповещениями.Только функция показа не работает.

{
 xtype  : 'panel',
 layout  : {
    type: 'vbox',
    align: 'center',
         },
 width   : '30%',
 name    : 'countImg',
 html    : '<div  > <img src="./resources/mala.png"></div>', 
 hideAnimation:{
     type        : 'slideOut',
     duration    : 500,
     direction   : 'top',
   },
 showAnimation:{
     type        : 'slideIn',
     duration    : 500,
     direction   : 'down',
   },
 listeners:
 {
   initialize: function()
  {
      this.element.on({
      tap: function()
      { 
       var imgPanelObj = Ext.ComponentQuery.query('panel[name=countImg]');
        imgPanelObj[0].hide();  
        Ext.defer( function(){
           imgPanelObj[0].show();
}, 500);
 }
     });
   }    
 }   
}

Я хочу снова показать панель с анимацией после скрытия панели.Это как скользить вверх и вниз.

Answer 1

{ 
   var imgPanelObj = Ext.ComponentQuery.query('panel[name=countImg]');
    imgPanelObj[0].hide();  
    Ext.defer( function(){
       imgPanelObj[0].show();
}, 1000);

Увеличение продолжительности работы