もっと見るボタン最後まで読み込み処理した後ボタンを消したい(javascript)

前提・実現したいこと

javascriptでもっとみるボタンを実装したのですが、
最後まで表示させた際の消し方がわかりません。
まだ勉強し始めたばかりの手探りでどう直せばいいかわからず詰まっています。
何卒お願いいたします。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

$(document).ready(function(){

$("article:gt(3)").hide();
var Num = 5;
$("#btnClick").click(function(){
    Num +=5;
$("article:lt("+Num+")").show("slow");

    if(n <= Num){
        $("#btnClick").hide();
    }
})

});

kei344

2018/04/13 01:23

質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。また、HTMLも提示してください。

行動規範の内容に同意します

回答1件

こんな感じでしょうか
nの値が取れていないので入れてみました

HTML
1<article>1</article>
2<article>2</article>
3<article>3</article>
4<article>4</article>
5<article>5</article>
6<article>6</article>
7<article>7</article>
8<article>8</article>
9<article>9</article>
10<article>10</article>
11<article>11</article>
12<article>12</article>
13<button id="btnClick">btnClick</button>

js
1$(function(){
2  $("article:gt(3)").hide();
3  var Num = 5;
4  $("#btnClick").click(function(){
5    Num +=5;
6    $("article:lt("+Num+")").show("slow");
7    var n = $('article').length; // nを取得
8    if(n <= Num){
9      $("#btnClick").hide();
10    }
11  })
12});