Сделайте каждый раздел вложенного цикла forEach разборным с помощью Jquery

Question

Я новичок в JQuery, буквально начал вчера, и мне нужна помощь.

У меня есть карта данных > и я хочу сделать все записи на карте.складной, а также каждый список в каждой записи карты, чтобы быть также складной.Я создаю кнопки для всех этих записей, и их идентификаторы будут назначаться во время выполнения на основе значений, извлеченных из карты.Я не уверен, как это сделать.Любая помощь будет оценена.

<a:section id="${'my-section-id'}">
    <a:heading>My Sample Page</a:heading>
    <c:forEach items="${dataMap}" var="map" varStatus="mainIndex">
        <!-- Make below section collapsible on click -->
        <a:button><c:out value="${map.key}" /></a:button>
            <c:forEach items="${map.value}" var="object" varStatus="childIndex">
                <!-- Make below section collapsible on click -->
                <a:button><c:out value="${object.key}" /> 
                </a:button>
                <!—Display rest of the content here -->
            </c:forEach>
    </c:forEach>
</a:section>

Я могу назначить уникальные идентификаторы разделов / кнопок, выполнив что-то вроде этого - "mainSection + mainIndex" и "childSection + childIndex", но не знаю, как написать для этого функцию нажатия.

Примечание: это не обязательно должны быть кнопки.Это может быть любой компонент с меткой