Error when adding accordion data dynamically

[Rikard Schouwstra]

When using the following:

let accordionObj: Accordion = new Accordion({
    items: [
        { header: 'Accordion Header', content: 'Accordion Content' },
        { header: 'Accordion Header', content: 'Accordion Content' },
        { header: 'Accordion Header', content: 'Accordion Content' }
        ]
});
accordionObj.appendTo('#toDoAccordion');

I get the following issues: The accordion header gets darker each time I click until it is no longer visible.  I also get TypeError: Cannot read property 'content' of undefined, in console.  Any help would appreciated

Regards

Attachment: Screenshot_20190404_at_15.36.50_21ef0411.zip

[Karthigeyan Krishnamurthi]

Hi Rikard, 

 

Greetings from Syncfusion. 

 

We have prepared the sample to dynamically add the Accordion item and kindly refer the below API link. 

https://stackblitz.com/edit/react-neghe1?file=index.js 

https://ej2.syncfusion.com/javascript/documentation/api/accordion/#additem 

 

onChange() { 

    this.acrdnInstance.addItem({ 

      content: ' JavaScript (JS) is an interpreted computer programming language. ', 

      header: ' JavaScript ' 

    }); 

  } 

 

 

Regards, 

Karthi