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>