将accordion元素的内容分组为html

我正在开发一个网站，其中一部分是接收数据库数据的jsp。这些数据以手风琴的形式呈现。问题是第一个值是重复的，因此您必须将第一个值分组为手风琴按钮，将第二个值分组为内容

我有一个从servlet接收对象列表的jsp

手风琴的按钮是重复的，手风琴的内容是

number 1
number 2
number 3
letter a
letter b
letter C
word hello

>number
     1
     2
     3
>letter
     a
     b
     c
>word
     Hello

手风琴是

number 1
number 2
number 3
letter a
letter b
letter C
word hello

>number
     1
     2
     3
>letter
     a
     b
     c
>word
     Hello

到目前为止，我的代码是

    <c:forEach items = "${datas}" var = "data">

        <button class = "accordion"> ${data.getData()} </button>

        <c:forEach items = "${datas}" var = "dataint">
            <c:if test = "${data.getData() eq dataint.getData()}">

                <div class = "panel">
                    <p> ${dataint.getFin()} </p>
                </div>

            </c:if>

        </c:forEach>

    </c:forEach>

${data.getData（）}
${dataint.getFin（）}

手风琴和数据显示工作正常，但我需要把所有的元素和内容作为手风琴按钮的第一次重复

我希望得到的是：

我得到的是：

---

你可以在你的

之外设置一个变量嗨，请你详细说明一下好吗？@Swati我用我遇到的问题的图片编辑了这个问题