После добавления новых скриптов моя сворачивающаяся кнопка не работает

Question

Страница, которую я делаю, предназначена для веб-сайта моей компании, поэтому навигационная панель должна совпадать с веб-сайтом моей компании. На странице есть кнопка «Загрузить еще», где после нажатия будут показаны другие сообщения. При достижении последнего поста кнопка будет скрыта. Сначала все работало нормально, но после того, как я добавил панель навигации с сайта моей компании, она не скрывается.

PS Я новичок в веб-разработке

Моя панель навигации использовала разные ссылки для начальной загрузки для CSS и JS, а кнопка загрузки еще использовала другую ссылку для начальной загрузки. Итак, я использовал один и тот же для обеих функций. Не уверен, что это делает по-другому или нет. Это мой Load_more.js

$( document ).ready(function () {
$(".moreBox").slice(0, 3).show();
if ($(".blogBox:hidden").length != 0) {
    $("#loadMore").show();
}
$("#loadMore").on('click', function (e) {
    e.preventDefault();
    $(".moreBox:hidden").slice(0, 6).show().slideDown();
    if ($(".moreBox:hidden").length == 0) {
        $("#loadMore").fadeOut('slow');
    }
});
});

Кнопка «Загрузить еще» должна исчезнуть, как только она достигнет конца сообщения.

Начальная загрузка, добавленная мной в заголовок сценарий 1 и конец сценария 2 .