Имеется блок .wrapper_group
, в нем iframe
(youtube) .video_groups
c видео и блок .block_group
поверх него, при наведении на .wrapper_group
скрывается .block_group
и видно .video_groups
, если мышку убрать с .wrapper_group
то .block_group
обратно покрывает .video_groups
. Как сделать, чтобы при нажатии на воспроизведение .video_groups
оставался даже при скрытии мышки с .wrapper_group
?
$('.wrapper_group').hover(function () {
$(this).children(".block_group").css('visibility', 'hidden');
}, function () {
$(this).children(".block_group").css('visibility', 'visible');
});