Css 如何将一行向下切换为一系列方形框？

我有一排网格框（固定方形框）。单击每个框时，应向下切换整行。我当前的代码会切换，但它会将所有其他方块都拉下来。但我想要的是，当点击方框时，方框的系列应该保持不变，直到一个新行应该向下切换。我附上了我的代码和我想要的图片

$（文档）.ready（函数（）
{
$（“.square”）。单击（函数（）
{
$（'.slideTogglebox'）.slideToggle（）；
});
});
.container
{
宽度：95%；
保证金：0自动；
}
广场
{
浮动：左；
最小宽度：250px；
高度：200px；
利润率：1.66%；
背景色：#1E；
}
.内容{
颜色：#fff；
填充：10px；
}
.滑盖盒{
浮动：左；
填充：8px；
利润率：16px；
边框：1px纯红；
宽度：200px；
高度：50px；
背景色：#000000；
颜色：白色；
}
.清楚{
明确：两者皆有；
}
满的
{
宽度：89%；
}

你好
滑动切换（）
你好
你好
kk
你好
你好
你好
此行应该有效：
$（this）.find（'.slideTogglebox'）。滑动切换（）谢谢@ciuak，它将向下切换相应的行，但不应向下推其他右侧框。让我知道你是否可以花几分钟检查附加的图像，即到片段。有人设法让这个工作吗？