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

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

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

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

(예 : 게시물이 총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( '' );
            }
        });

    });

스크립트 소스 코드 입니다