title: How can I programmatically trigger an event on a panel?
body: <p>I have the following according menu.</p>
  
  <p>The user clicks on the headers of the panels and a region in the middle changes, that works.</p>
  
  <p>However, I always want to <em>programmatically</em> click the panels, e.g. so that I can create hyperlinks in the text which open up panels, just as if the user clicked on them.</p>
  
  <p><strong>How can I trigger an event click programmatically on a panel in my accordion menu, something like this:</strong></p>
  
  <pre><code>Ext.select('span#internal_link_001').on('click', function() {
      Ext.getCmp('panelApplication').trigger('click'); //error "trigger is not a function"
  });
  </code></pre>
  
  <p>Accordion menu code:</p>
  
  <pre><code>Ext.onReady(function(){
  
      menuItemStart = new Ext.Panel({
          id: 'panelStart',
          title: 'Start',
          html: 'This is the start menu item.',
          cls:'menuItem'
      });
  
      menuItemApplication = new Ext.Panel({
          id: 'panelApplication',
          title: 'Application',
          html: 'this is the application page',
          cls:'menuItem'
      });
  
      menuItemModules = new Ext.Panel({
          id: 'panelModules',
          title: 'Modules',
          layout: 'card',
          html: 'this is the modules page',
          cls:'menuItem'
      });
  
      menuItemSettings = new Ext.Panel({
          id: 'panelSettings',
          title: 'Settings',
          layout: 'card',
          html: 'this is the settings page',
          cls:'menuItem'
      });
  
      var regionMenu = new Ext.Panel({
          region:'west',
          split:true,
          width: 210,
          layout:'accordion',
          layoutConfig:{
              animate:true
          },
          items: [ menuItemStart, menuItemApplication, menuItemModules, menuItemSettings ]
      });
      ....
  </code></pre>