<img src="" alt="" class="aa">
<img src="" alt="" class="bb">
<img src="" alt="" class="cc">
<img src="" alt="" class="dd">
<div class="a">text</div>
<div class="b">text</div>
<div class="c">text</div>
<div class="d">text</div>
I am looking to activate a click functionality on the individual images and associate each one (aa with a, bb with b, cc with c, dd with d) to display using just CSS.
.a {
display: none;
}
.aa:hover + a {
display: block;
}
Unfortunately, my current implementation is not working as expected and I'm unsure of what could be causing the issue.