Collapsible ExtJs panel without border layout

HTML

<!DOCTYPE html>
<html>

  <head>
    <meta charset="UTF-8" />
    <link href="http://cdn.sencha.io/ext-4.0.7-gpl/resources/css/ext-all.css" rel="stylesheet" />
    <script src="http://cdn.sencha.io/ext-4.0.7-gpl/ext-all.js"></script>
  </head>

  <body>

    <script>
      Ext.onReady(function() {

        Ext.create('Ext.Viewport', {
          layout: {
            type: 'hbox',
            align: 'stretch'
          },
          items: [{
            xtype: 'panel',
            title: 'Фильтр',
            collapsible: true,
            collapseDirection: 'left',
            animCollapse: false,
            headerPosition: 'top',
            width: 400,
            listeners: {
              collapse: function(panel) {
                panel.doComponentLayout();
              },
              expand: function(panel) {
                panel.doComponentLayout();
              }
            }
          }, {
            xtype: 'panel',
            title: 'Аналитика',
            flex: 1
          }]
        });


      });

    </script>

  </body>

</html>