Как определить clicked изображение?

Question

[atambalasi]

Есть разметка
https://jsfiddle.net/nixwins/41y2g7y8/1/
При клике на блок avatar происходит события анимированный появление блока(info-block). А при клике на info-block, блок скрывается.
Если таких блоков на странице будет не определенный количество(минимум 10). Как показвать каждому avatar свой info-block ?

Answer 1

[Михаил Горячкин]

Можно так:

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

Comments

[atambalasi]

Спасибо. Работает прекрасно. У info-block есть видео(с ютюба), а есть ли вообще возможность стопат видео когда info-block скрывается?

[Михаил Горячкин]

Можете посмотреть тут:
https://developers.google.com/youtube/js_api_refer...
Вот есть еще тут пример:
jsfiddle.net/MadLittleMods/3J2wT