Show picture on mouseenter

HI everybody I want achieve this
this is my work
https://codepen.io/alpha_66/pen/NWmoGBb the problem is the pictures is not appear can I have some idea to fix this ? thanks
3 Replies
Shane D
Shane D2mo ago
So when you're toggling classes in JS you can omit the "." So should be classlist.toggle("appear") Not class list.toggle(".appear") Writing on phone so excuse the syntax issues with my code. Just as a note query selector .pic will only toggle the 1st picture. So something to think about too.
Pat66
Pat662mo ago
thanks for your message thanks I remove "." any pic appear
Shane D
Shane D2mo ago
Oh even better on my phone it was only the picture of a boy and girl on the stairs that was toggling so thought the query selector was the reason for that.