Ich habe Code, der dies tut:

$('.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);
});
});

Dies erzeugt eine modale Überlagerung und zeigt ein Bild mit einem Div mit der Klasse .gall-output an. Ich habe ein kleines @ erstel<p class="gall-close">close</p> zuhide() das.gall-output aber es scheint nicht mit diesem Code zu funktionieren:

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

Gibt es eine Möglichkeit, diese .gall-close-Datei zu verwenden, um die .gall-Ausgabe auszublenden oder umzuschalten?

Danke für Ihre Hilfe