展开折叠html,同时展开/折叠HTML div

html,同时展开/折叠HTML div"/>

展开折叠html,同时展开/折叠HTML div

我正在尝试创建一行HTML div，当您单击它们时会展开和折叠。请看这个jsFiddle来了解我的意思：/。 (您可能必须展开结果窗格或使用全屏结果才能使所有div显示在一行中。)

目前，我正在使用One% CSS Grid让所有div出现在一行上，然后切换不同的CSS列类，根据当前状态和点击的div来展开和折叠div。

About

Lorem ipsum dolor sit amet.

Other

Lorem ipsum dolor sit amet.

Stuff

Lorem ipsum dolor sit amet.

这是我的javascript(我已经从jsFiddle中的内容改变了它，因为我正在乱搞动态确定需要切换的列类)：

$(".tile").click(function() {

var tile = $(this);

var otherTiles = tile