One simple accordion I have here includes 3 tabs within. I managed to make all the tabs open by default, but now I'm facing an issue. If I close Accordion Tab 1 and then try to reopen it, it ends up closing all the other tabs as well. What I am looking for is a solution where opening or closing any tab does not affect the others at all. Any suggestions on how to achieve this would be greatly appreciated. Thank you in advance!
This is what I envision:
Check out this working example
Here is my code snippet:
<p-accordion>
<p-accordionTab header="Accordion Tab 1" [selected]="true">
<ul>
<li>Colors</li>
<li>Cities</li>
<li>Facility</li>
<li>Hobbies</li>
</ul>
</p-accordionTab>
<p-accordionTab header="Accordion Tab 2" [selected]="true">
<ul>
<li>Students</li>
</ul>
</p-accordionTab>
<p-accordionTab header="Accordion Tab 3" [selected]="true">
<ul>
<li>Music</li>
</ul>
</p-accordionTab>
</p-accordion>