谷歌地图API和JQuery幻灯片切换不能一起工作

请查看以下内容：

它包含一个div框，我想通过单击它来最小化/还原它。在JSFIDLE中，它按预期工作

然而，当我试图将其覆盖在谷歌地图上时，有些东西正在刹车。SlideToggle（）不再工作。我尝试使用JSFIDLE的地方

有人知道发生了什么吗

下面是讨论中的javascript：

<script type="text/javascript" charset="utf-8">
  $("#button").click(function(){
    if($(this).html() == "+"){
        $(this).html("-");
    }
    else{
        $(this).html("+");
    }
    $("#box").slideToggle();
});​
</script>

$（“#按钮”）。单击（函数（）{
如果（$（this.html（）==“+”）{
$（this.html（“-”）；
}
否则{
$（this.html（“+”）；
}
$（“#框”）.slideToggle（）；
});​

我将javascript移到了

标记的前面，它就可以工作了