javascript - divを再表示するJquery関数の問題

Question

添付されているフィドルは、私が欲しいものの作業コピーです：http: //jsfiddle.net/DLEBf/2/

しかし、私のコードでは機能していません。

これが私のコードです：

HTML：<div class="listResults"></div>

JS：

function createMarker(latlng, address) {
    var html =  "<br/>" + address;
    var marker = new google.maps.Marker({
        map: map,
        position: latlng
    });
    google.maps.event.addListener(marker, 'click', function() {
        infoWindow.setContent(html);
        infoWindow.open(map, marker);
    });
    markers.push(marker);

    $(function(){
        $('.listResults').on('click', '.heading',  function(){
           $(this).next().slideToggle('slow');
        });

        var el = $('<div/>', {
        'class' : 'heading',
        'html' : 'Header-1'
        });
        var content = $('<div/>', { 
        'class' : 'content',
        'style' : 'display:none',
        'html' : 'This is content'
        })
        $('.listResults').append(el);
        el.after(content);
    });

}

Answer 1

$(function(){})パーツの後にはがあり、次のようにパラメータとして(jQuery);渡す必要があります。$

(function($){
    ...
})(jQuery);