＆＃34;加载更多＆＃34;不处理前置元素

Question

我想使用＆＃34;加载更多＆＃34;功能如下例所示：codepen

不同之处在于我想在id为#holder的前置元素上使用它。 目前我有这个：

$('<div id="holder"><iframe src="' + source + '" frameborder="0" scrolling="no" allowfullscreen id="myFrame"></iframe></div>').hide().prependTo("#main").show('fast');

$(function () {
$("#holder").slice(0, 6).show();
$("#loadMore").on('click', function (e) {
    e.preventDefault();
    $("#holder:hidden").slice(0, 6).slideDown();
    if ($("#holder:hidden").length == 0) {
        $("#load").fadeOut('slow');
    }
    $('html,body').animate({
        scrollTop: $(this).offset().top
    }, 1500);
});