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 ?
July 9th 19 at 13:07
1 answer
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

Find more questions by tags CSSHTMLJavaScriptjQuery