jQuery toggle（）无法正常工作

Question

我想使用jquery在2个div之间切换。一个切换是一个谷歌地图，另一个是一个简单的列表（只是html）

所以在我的页面中我有

<div id="toggleDiv">
    <a href="#" id="btnClick"><button>Toggle</button></a>
    <div class="toggle" id="map"></div>
    <div class="toggle" id="list" style="display:none">HTML stuff</div>
</div>

然后是剧本：

$(document).ready(function() {
    $('#btnClick').click(function() {
        $('#toggleDiv > .toggle').toggle();
    });
});

它没有切换....我认为这是因为地图，由另一个脚本加载，但我也尝试没有它，另一个简单的HTML div ...

这是小提琴https://jsfiddle.net/wp1xbonp/