На странице имеется много превью, в каждом из которых есть один и тот же блок шаринга,
и так же, одна и та же кнопка, которая должна открывать блок шаринга
С горем пополам собрал рабочий скрипт:
$(document).ready(function(){
$(".icon_share").click(function () {
$('body').addClass('active');
$(".share_background").fadeIn(100);
$('.share_box').addClass('lk-active');
$(document).click( function(event){
if( $(event.target).closest(".share_box").length )
return;
$(".share_background").fadeOut(100);
$('.share_box').removeClass('lk-active');
$('body').removeClass('active');
event.stopPropagation();
});
return false;
});
});
ЗАГОТОВКА
Скрипт открывает блок и закрывает его кликом по свободному месту от блока .share_box
Но открывает он только все разом блоки, а не тот в котором была нажата кнопка
Так же, последующие превью подгружаются в страницу Ajax (может это играет роль)
Помогите пожалуйста разобраться до конца и допилить скрипт =)
Спасибо за внимание!