У меня есть код, который делает это:

$('.attachment-medium').each(function(){
$(this).click(function(){
    var gallWidth = $('.gallery').width();
    $('.gall-output').toggle().css('width', gallWidth);
    var url = $(this).attr('src').slice(0,-12) + '.jpg';
    $('.gall-output-img').html('<img class="img-responsive" src="' + url + ' "/>');
    var imgMeta = $(this).parent().next().html();
    $('#gall-output-meta').html(imgMeta);
});
});

Это генерирует модальное наложение и отображает img с div с классом .gall-output. Я создал маленький<p class="gall-close">close</p> вhide() .gall-output но, похоже, он не работает с этим кодом:

$('.gall-close').click(function() {
    $('.gall-output').hide();
});

Есть ли способ использовать этот .gall-close, чтобы скрыть или переключить .gall-output?

Спасибо за вашу помощь.