gistfile1.js

var sbAccordian = new Ext.Panel({
					title: 'Manage Something',
					layout:'accordion',
					layoutConfig: {
						// layout-specific configs go here
						titleCollapse: false,
						animate: true
						//activeOnTop: true
					},
					items: [{
							title: 'Manage pages',
							html: '<p>Buttons here...</p>'
						},{
							title: 'Manage pages',
							html: '<p>Buttons here...</p>'
						}
					
					]
			})
//View port...

var vp = new Ext.Viewport({
					layout:'border',
					id : 'sbvp',
					defaults : {
						frame : true,
						split : true
					},
					items:[
						
						{	//Accordian layout embedded in this ...
							id:'sbookdata',
							width : 330,
							//maxWidth : 450,
							autoScroll:true,
							region:'west',
							collapsible: true,
							collapseMode : 'mini',
							items: sbAccordian
							
							
						},{
							xtype : 'container',
							id:'sbookpage',
							region:'center',
							title: 'Page Display',
							items:tabPanel
						}
					
					]
			});
			vp.show();