title: Extjs4 Accordion - inline link to go between panels
body: <p>I have a basic ExtJS 4.0 accordion. I want to have an inline  link within the text of one panel that will close that panel and open another.</p>
  
  <p>In the example below, the link in Panel 1 should open Panel 2. What sort of click function would work here?</p>
  
  <pre><code>Ext.create('Ext.panel.Panel', {
  title: 'Accordion Layout',
  layout:'accordion',
  layoutConfig: {
      // layout-specific configs go here
      titleCollapse: false,
      animate: true,
      activeOnTop: true
  },
  height: 300,
  width: 400,
  items: [{
      title: 'Panel 1',
      id: 'p1',
      html: 'Text goes here. &lt;p&gt;&lt;a id="linkP2" href="#"&gt;Go to panel 2&lt;/a&gt;&lt;/p&gt;'
  },{
      title: 'Panel 2',
      id: 'p2',
      html: 'Panel content!'
  },{
      title: 'Panel 3',
      id: 'p3',
      html: 'Panel content!'
  }],
  renderTo: Ext.getBody()
  });​
  </code></pre>