How to determine the clicked image?

Question

How to determine the clicked image?

Markup is
https://jsfiddle.net/nixwins/41y2g7y8/1/
When you click on the unit avatar is animated events block(info-block). And when you click on the info block, the block disappears.
If there are blocks on the page will not be a certain number(at least 10). How to show everyone your avatar info-block ?

yoshiko_Crooks asked July 9th 19 at 13:07

More answers about "How to determine the clicked image?"

1 answer

Tyrique answered on · Answer 1 · 2019-07-09T13:09:03.425Z

Tyrique answered on July 9th 19 at 13:09

You can:

$(".each-avatar .avatar").click(function(){
 $(this).next().animate({height: 'show'}, 500);
});
 $(".each-avatar .info-block").click(function(){
 $(this).animate({height: 'hide'}, 500);
});
 });

Thank you. Works perfectly. From the info block there is a video(from YouTube), and is there any possibility STOPAT video when info-block hide? - yoshiko_Crooks commented on July 9th 19 at 13:12

You can see here:
https://developers.google.com/youtube/js_api_refer...
There is here an example:
jsfiddle.net/MadLittleMods/3J2wT - Tyrique commented on July 9th 19 at 13:15