Javascript 与共享内容一致

我有一个手风琴（javascript），显示点击按钮的内容。但是，我想做的是让内容在第一行下面对齐。我有一排7个按钮，下面还有7个等等。 有没有办法让每一个按钮的内容在整行下面对齐？因此，如果我按下按钮1，内容将在第一行下方对齐，如果我按下按钮9，内容将在第2行下方对齐，依此类推

代码：

var acc=document.getElementsByClassName（“行”）；
var i；
对于（i=0；i

.row{
颜色：灰色；
宽度：13%；
过渡：0.4s；
保证金：0自动；
}
.小组{
最大高度：0；
过渡段：最大高度0.2s放松；
溢出：隐藏；
宽度：100px；
浮动：左；
背景颜色：黄色；
}

1
1内容

2.
2内容

3.
三,

4.
4内容

5.
5内容

6.
6内容

7.
7内容

8.
8内容

9
9内容

10
10内容

11
11内容

12
12内容

13
13内容

14
14内容

我强烈建议在这种情况下使用css flex box。 使用flex box，您只需首先创建一个包含所有行（.column在提供的演示中）的包装器，然后创建两行（.verse在提供的演示中），然后再创建一个包含按钮及其内容的分区。整个结构的外观如下所示：

<div class="column>
    <div class="verse">
        <div>
            /* your buttons and contents */
        </div>
    </div>
</div>

---

这与你们做的是同一个学生项目还是别的什么完全相同？到目前为止你试过什么？这不是免费的“写我的解决方案”服务，但我们将帮助您修复您的尝试。谢谢！但有没有一种方法，当我按第一键时，所有其他手风琴都关闭了。因此，始终只有一个手风琴打开。您可以在打开一个元素时尝试附加一个“活动”类，然后在尝试打开另一个元素时，检查是否已打开任何“活动”类。请看这里，谢谢，但我想要的是，当我按open 1，然后按open 2时，数字1会直接关闭。我不知道我是否不清楚现在看看，希望这就是你的想法！但是有没有办法让内容从右到左，而不是从上到下？