Expand particular accordion panel based on onclick event

[renganathan]

Hi all,

I want to expand particular accordion panel based on onclick event ..


can u guys help me out how to achieve this?

[mitchellsimoens]

Can you get the panel you want to expand?

[koko2589]

items: [
    {
      title: 'A-E',
      id:'A-E',
      layout:'fit',
      collapsed: true
             
    },

//Ext.getCmp('A-E').collapse();//

[mitchellsimoens]

1. Try not to set static ids
2. You should be able to use expand/collapse on the child items. Just tested with 4.0.7 and it works.

[koko2589]

try this

title:'aaa',
     id:'devpanel',
     bodyStyle:'padding:10px',
     html:'bbb'
    },{
/////adding an event listener to a ahref tag   
Ext.EventManager.addListener("devsnippets", 'click', function(){
 Ext.getCmp('devpanel').expand();
}, this, { preventDefault: true } );///
<a href="#" id="devsnippets">expand</a>