Toolbar Tap to Show/Hide

toolbar = new Ext.Toolbar({
  ....
  listeners:{
     afterrender: function(c){
         c.el.on('tap', function(){
               Ext.getCmp('topbar').hide();
         }
     }
  }

})

And, when top area enclosed by

is tapped, show toolbar:
carousel = new Ext.Carousel({
   listeners: {
       body:{
           tap: function(){
               Ext.getCmp('topbar').show();
           },
           delegate: 'div.toparea'
       }
   }

});