JS-Loadmore images or content

//Js Loadmore content or images
//All divs are display none
.single-gallery-col {
    display: none;
}
//JS
// Load more gallery images
    $(function () {
        var TotalElement = $(".single-gallery-col").length;
        var currentElement = 9;
        $(".single-gallery-col").slice(0, 9).show();

        $("#loadMore").on('click', function (e) {
            e.preventDefault();
            $(".single-gallery-col:hidden").slice(0, 3).fadeIn('600');
            currentElement=currentElement+3;
            if (TotalElement <= currentElement) {
                $("#loadMore").css({"display":"none"});
            }
        });
    });