jquery：gt issue ..もっと表示しようとしています

Question

NIはサイト上にニュースエリアを作ろうとしています。各アイテムは.newsitemという独自のdivクラスに含まれています。 .showmorenewsをクリックして追加項目を表示できるようにしたい。何が間違っているのですか？私はそれを理解することができず、私はかなりjqueryに新しいです。ありがとう！

$(document).ready(function(){ 
    var remixnewsshow = 2; 
    remixnewsshow--; //fix variable since the index for :gt starts at 0 
    $(".newsitem:gt(" + remixnewsshow + ")").hide(); 
    $(".showmorenews").click(function() { 
     remixnewsshow++; 
     $(".newsitem:gt(" + remixnewsshow + ")").show(); 
    }); 
}); 

HTML：

   <div class="box-news"> 
        <h3>Recent News</h3> 
        <div class="newsitem"> 
         <span class="month">Jan</span> 
         <span class="day">16</span> 
         <span class="news">Text text text</span> 
        </div> 
        <div class="newsitem"> 
         <span class="month">Jan</span> 
         <span class="day">2</span> 
         <span class="news">Text text text</span> 
        </div> 
        <div class="newsitem"> 
         <span class="month">Oct</span> 
         <span class="day">3</span> 
         <span class="news">Text Text Text</span> 
        </div> 
        <div class="showmorenews"><a href="#blank">View Another News Item</a></div> 
       </div> 

Answer 1

私は何を探していることはeqに第二gtを変更することが実際にあると思う：

$(".showmorenews").click(function() { 
     remixnewsshow++; 
     $(".newsitem:eq(" + remixnewsshow + ")").show(); 
    }); 

あなたは何をしていたに問題があることです最初は2つの要素を表示していましたが、クリックすると2つ以上のすべての要素が表示されます。これは残りの部分です。ただ次の要素を表示したいだけです。