게시판 더보기 페이징 질문

페이징을 더보기 버튼으로 제품리스트가 노출되는 형식의 갤러리게시판을 만들려고 하는데요

현재 올라와있는 더보기 게시판의 스킨으로 제작을 하고 있는 상태인데요

현재 게시물이 밑에 더이상 없는대도 더보기버튼이 노출되고 더보기 버튼을 한번 더 누르면 

게시물이 없습니다 라는 얼럿 알림창이 뜨고 난 후 버튼이 더보기 버튼이 사라집니다

(예 : 게시물이 총14개 / 한페이지 게시물 노출 9개 / 더보기 클릭시 3개씩 노출

**현재상태*

더보기 클릭 2번 후 하단에 2개 게시물이 노출이 되고 더이상 밑에 리스트가 없는 상태에도 더보기 노출

그상태에서 더보기 한번더 누르면 더보기 제거 됨

)

혹시 현재 게시물이 밑에 더이상 없으면 그냥 바로 더보기 버튼이 노출이 안나오게 할 수는 없을까요?

$( ".more_button" ).click(function(){
        $( this ).html( '<i class="fa fa-spinner fa-spin"></i>' );
        
        var disp_li_length = $( "#gallery_json > li" ).length;

        var page_n = $('#page_n').html();
        $.get( "<?=G5_URL?>/bbs/board.php?bo_table=<?=$bo_table?>&ajax_ck=1&sca=<?php echo urlencode($sca) ?>&page="+page_n, function( data ) {
            var append_data = $( data ).find('#gall_ul').html();
            var cking = $( data ).find('.empty_list').attr("datano");

            if(cking != "no"){
                $('#page_txt').html('');
                $('#gall_ul').append(append_data);
                $('#page_n').html(parseInt(page_n)+1);
                $( ".more_button" ).html( '<button type="button" class="btn btn-more" onclick="listMore()"><span>더보기</span><i class="icon"></i></button>' );
            } else {
              // alert('게시물이 없습니다.');
                $( ".more_button" ).html( '' );
            }
        });

    });

스크립트 소스 코드 입니다