Googleボタン上のCSSボタンはクリックできません

Question

私はを使用しています。GoogleマップJavascript Api私のウェブサイトに地図を置くことができます。
私は地図の右上にあるボタンを作成したユーザーはそれを
を閉じることができちょうどので、これは私のCSSのボタンのコードです：私は#map divの内側にそれを置くためにjQueryを使用

#close-map { 
    position: absolute; 
    top: 0; 
    right: 0; 
    background: #ffc300; 
    color: #000; 
    font-size: 16px; 
    padding: 10px 20px; 
    text-align: center; 
    cursor: pointer; 
    z-index: 400; 
} 

$(window).load(function() { 
    $('#map').prepend('<div id="close-map">close map</div>'); 
}); 

と私は
は、だから私は隅のボタンを見ることができ、私はそれをクリックてるマップを非表示にするjQueryのコードを持っていますが、それはクリック可能ではありません

Answer 1

クリック可能なボタンを#map divから外す必要があります。そのために別のdiv（testing-div）にラップしてボタンを入れることができます

<div class="testing-div" style="position:relative;"> 
<div id="close-map">close map</div> 
<div id="map" style="height: 580px"></div> 
</div> 

今はテスト-divの

$("#close-map").click(function(){ 
    $(".testing-div").slideUp(); 
});