如何使用JAVASCRIPT而不是jQuery使div在点击按钮时可向左折叠？

我有一个面板，其中包含一些选项，如图所示：

标题上有一个箭头按钮，我要查找的是，如果我单击该按钮，它将向左展开，如图所示：

示例：如果我有20个选项，它将向左打开，就像每个部分显示5个图像一样，如果我再次单击它，它将像第一个图像一样折叠

如果一切本质上都是动态的，那么如何使用javascript、html和css来实现。任何帮助都将不胜感激

---

谢谢

您可以使用

flex-flow:column-wrap

和

overflow:hidden

来制作这样的东西

POC：

const expense=document.querySelector（“.expense”）；
const tools=document.querySelector（“.tools”）；
让IsExpensed=false；
函数expendOrRetract（）{
如果（已扩展）{
expend.innerHTML=“>”；
tools.classList.remove（“扩展”）；
}否则{
expense.innerHTML=“您好，Matan Sanbira，感谢您的回答，但是我如何才能打开左侧的列表（t5、t6、t7、t8）？谢谢。Matan的回复