Как скрыть шапку во время открытия галереи?

Question

[Илья Ватрушка]

Решил использовать галерею photoswipe на своем сайте. Но во время открытия фотографии мой статический header остается на месте и не исчезает, решил скрывать мой header'a при клике на какую либо фотографию с помощью:

$(".my-gallery").click(function() {
        return false;
    });

    $(".my-gallery").click(function(){
        $("header").slideToggle("slow");
    });

Но после выхода из галереи мне опять нужно нажать на какую либо фотографию что бы моя шапка появилась. Возможно существуют и другие варианты скрытия хедера, но я не могу выловить тот момент когда закрывается фотография и элементу снова нужно появиться.

Comments

[Stalker_RED]

Может и не стоит его скрывать, а просто сделать фотогографиям нужный z-index?

[Илья Ватрушка]

Stalker_RED: спасибо, помогло. Можете написать ваш вариант в ответы и я вас решением отмечу

Answer 1

[Stalker_RED]

Может и не стоит его скрывать, а просто сделать фотогографиям нужный z-index?

Answer 2

[bob_cody]

Попробуйте использовать события photoswipe на закрытие галереи, чтобы скрывать header:

$('.my-gallery').click(function(){
  $('header').slideUp("slow");
});

// Gallery starts closing
pswp.listen('close', function() {
  $('header').slideDown("slow");
});