how to implement nested expand and collapseusing bootstrap and thymeleaf or Javascript

Question

When I click on the parent expand component,child components are loading with list of expandable component. when I click on the child component, parent and child compoments