Javascript 使用css定位问题

我很难做到这一点：

正如您在我的

CODEPEN

示例中所看到的。当您将图像悬停时，它会显示

图像标题

，如果您单击图像，它会显示

激活的图像

（红色边框）。我的问题是，当图像被激活时，如何显示

标题

。当激活时，我使用JQUERY单击图像以显示

红色边框

更新：
我想做的是，当它被激活时，它也会显示标题onclick，就像红色边框一样

非常感谢您的帮助。
添加以下CSS

.aboutus .thumb_caption,.leadership .thumb_caption{left: 0;
opacity: 1;}

完成此操作后，标题应在激活状态下显示。
只需一个css即可

.aboutus 
.thumb_caption,
.leadership .thumb_caption{
 left: 0;
 opacity: 1;
  }

您可以这样做：当您的单击功能运行时，将一个类添加到该类的标题中，并说出标题“display:block”谢谢！这正是我所期待的。