div onclick jQuery

Question

你能帮我解决我的代码，因为我不知道我做错了什么。我有一个jQuery创建dinamically divs这些divs中的6个应该是可点击的。所有这6个div必须是toggle，用css样式“display：block”打开5个下一个div。

这是我的onclick功能：

$("#weatherTiles").on('click', '.show', function() {
        var targetDiv = $(this).data("target");
        $('[class^="nextDayTile"]:not([id="'+targetDiv+'"])').hide('slow');
        if (!$('#'+targetDiv).is('visible')) {
            $('#'+targetDiv).show('slow');
        }
});

HTML

<div>
    <div>
        <h1>Weather</h1>
    </div>
    <section id="weatherTiles"></section>
    <section id="weatherTileNextDay"></section>
</div>

的jQuery 这些div应该显示或隐藏。

$("#weatherTiles").append("<div id='myTile"+i+"'class='show' data-target='myTile"+i+"'>...."</div>");

这些应该显示或隐藏。

$("#weatherTileNextDay").append("<div class='nextDayTile"+i+" hide'>..."</div>");