$(function(){
$('.mark').click(function(e){
if(!$(e.target).hasClass('active')){
$('.mark, .mark +.tooltip').removeClass('active').hide();
$(this).addClass('active').siblings('.tooltip').show();
e.stopPropagation();
} else
$('.mark, .mark +.tooltip').removeClass('active').hide();
});
$('body').click(function(){
$('.mark, .mark +.tooltip').removeClass('active').hide();
});
});