jquery - 別の DIV をクリックしたときに DIV を非表示にする必要がある

Question

DIV が上部に配置されている (固定されている) ホームページを持つサイトを構築しています。下部のナビゲーション リンクをクリックすると、スライドがアクティブになり、どの jquery を下から上にスライドさせるかが決まります。（今は面倒な内容ですみません）。私がしたいのは、スライドがアクティブになって表示されるたびに、上部のヘッダー DIV が消えることです。(そして、スライドが下がると再び表示されます)。これは可能ですか？

たくさんのコードがあるので、ここに直接リンクします

前もって感謝します！！

Answer 1

$(document).ready(function(){
    $('#div1').click(function(){
        $('#div2').hide();
    });
});

Answer 2

以下のjquery関数に、 $("#mast_head").hide() を追加します

$('#menu li a').click(function(e) {
   e.preventDefault();
   $("#mast_head").hide()
   animateSlider(this.hash);
 });

Answer 3

<div id="div1"></div>
<div id="div2" onclick="$('#div1').hide()"></div>

または、onclickの代わりに、単に..

$('#div2').on('click', function(){($'#div1').hide();});