$(function(){
$('.mark').click(function(e){
if(!$(e.target).hasClass('active')){
$('.mark.active +.tooltip').fadeOut();
$('.mark.active').removeClass('active');
$(e.target).addClass('active');
$('.mark.active +.tooltip').fadeIn();
}
});
});
$('body').on('click', function(e) {
var
$target = $(e.target),
isMark = $target.hasClass('mark'),
isActive = $target.hasClass('active');
if (!isMark || !isActive) {
$('.mark.active +.tooltip').fadeOut();
$('.mark.active').removeClass('active');
}
if (isMark && !isActive) {
$target.addClass('active');
$('.mark.active +.tooltip').fadeIn();
}
});