Javascript 单击时淡入元素，如果为空，则隐藏更多按钮

我尝试在每次单击按钮时再显示2个div。当显示所有div时，按钮应消失。但是按钮并没有消失

$（“.button”）。单击（函数（）{
$（“.content”）.nextAll（'：lt（2））.fadeIn（“慢”）；
});
.hide{display:none；}

内容1
内容2
内容3
内容4
内容5
内容6
内容7
内容8
内容9
内容10
再给我看两个
改变你的js，比如：


$（“.button”）。单击（函数（）{
$（“.content:visible:last”）.nextAll（“.content:lt（2）”）.fadeIn（“slow”）；
如果（$（“.content:可见”）.length===$（“.content”）.length）{
$（this.hide（）；
}
});
.hide{display:none；}

内容1
内容2
内容3
内容4
内容5
内容6
内容7
内容8
内容9
内容10
再给我看两个
@max checkout我发布的答案。你只需要做一点改变。