title: Extjs Accordion Header - Move collapse button to left of header title
body: <p>I have accordion layout having collapse button on right side (this is the default behaviour). How can I change the collapse button position to left?</p>
  
  <pre><code>Ext.create('Ext.panel.Panel', {
      title: 'Accordion Layout',
      layout: {
          // layout-specific configs go here
          type: 'accordion',
          titleCollapse: false,
          animate: true,
          activeOnTop: true
      },
      items: [{
          title: 'Panel 1',
          html: 'Panel content!',
      },{
          title: 'Panel 2',
          html: 'Panel content!'
      },{
          title: 'Panel 3',
          html: 'Panel content!'
      }],
      renderTo: Ext.getBody()
  });
  
  Please help me out.
  
  Your help is appreciated!! Thanks in advance.
  </code></pre>