使用css定位问题

Question

I'm having a hard time to accomplished this: CODEPEN LINK

As you can see in my CODEPEN sample. As you hover the image it shows the IMAGE CAPTION then if you clicked the image it will show the ACTIVATED IMAGE (RED BORDERS). My problem is how can I show the CAPTION when that image is ACTIVATED . I use JQUERY on clicking the image to show the RED BORDERS when activated.

UPDATE: What I'm trying to do is when its activated it also show the CAPTION onclick just like the RED BORDERS.

Your help is so much appreciated.

Answer 1

Add the following CSS

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

after doing so the caption should be seen on activated.

Answer 2

just need a css

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

CODEPEN