jquery toggle divを終了ボタンをクリックするとオフに切り替える

Question

私はslidetoggle（）を使用してdivをオンとオフに切り替えています。 jqueryのではなく、私はそれだけでバックhereオフを切り替えます画面上の任意の場所をクリックするたびに、サイト

であり、ここで私は

jqueryのに

jQuery(document).ready(function(){ 
     firstLoad(); 

     $('#a1').live('click', function(event) { 
      toggleFoodDiv(); 
     }); 

     $('#a2').live('click', function(event) { 
      toggleLazerTagDiv(); 
     }); 

     function toggleFoodDiv(){ 
     $('#food-div').slideToggle("fast"); 
     } 
     function toggleLazerTagDiv(){ 
     $('#lazertag-div').slideToggle("fast"); 
     } 
    }); 
    //both of those divs use the .information class 

CSSを使用していたコードです

.information{ 
z-index: 2; 
top:60px; 
left:0px; 
position:fixed; 
width:100%; 
height:100%; 
background:#2c3e50; 
opacity: 0.9; 
filter: Alpha(opacity=90); 
} 

Answer 1

<div class="row-img" id="a1"> 
    <div id="food-div" class="information" style="display: none;"> 
    <h2 class="info-h2">We Serve food Too!</h2> 
    </div> 
</div> 

以来10 .information

はDIVが表示されると、画面全体が#a1で満たされている、#a1の内部あります。

.information個のdivをプルするだけです。

<div class="row-img" id="a1"></div> 
<div id="food-div" class="information" style="display: none;"> 
    <h2 class="info-h2">We Serve food Too!</h2> 
</div>