查询悬停并点击状态

Question

我正在为我正在制作的布局提供一些帮助。我使用bootstrap渲染模板，但我有一个定制的投资组合类型区域，我有点迷失。

附图显示（希望）我正在努力实现的目标。我将在行中有多个块列。悬停时的每个街区都需要在顶部显示一个带有按钮的图片。单击按钮时，按钮状态需要更改并打开下面的面板。

我需要关闭面板，如果另一个块悬停并单击，则块返回其原始状态，因此一次只打开一个面板。

现在我已经研究过手风琴并通过引导程序使用崩溃，但这似乎比其中任何一种更先进。

这个想法或想法最受赞赏。