Javascript 显示了测验的“下一步”按钮

我只在用户回答问题时才做测试，下一步按钮显示，但当问题没有回答时，我无法隐藏该按钮

html:

和CSS：

.button {
     position:relative;
     background-image:url(img/bouton.png);
     border:none;
     width:111px;
     height:202px;
     color:white;
}

.button:hover {
  background-image:url(img/bouton1.png);
  width:111px;
  height:202px;
}
.hide { dispaly: none; }

所有按钮应显示<代码>显示：无除第一个之外的属性。

button {
 display: none;
}

第一个按钮标签：

<button style="display: block;"> ... </button>

如果你是最后一个，你应该认出它，看这里

$('button').on('click', function(){        
 if($(this) != $('button').last()){
  $('button').css('display', 'hide');
  $(this).next('button').css('display', 'block');
 }
 else {
  // finished quiz
 }
});

---

它已经开始工作了，

显示的样式中有一个输入错误。
请参阅下面的代码片段：


$（“按钮”）。单击（函数（）{
$（this.addClass（'hide'）；
});
。按钮{
位置：相对位置；
背景图片：url(http://placehold.it/350x150);
边界：无；
宽度：111px；
高度：202px；
颜色：白色；
}
.按钮：悬停{
背景图片：url(http://placehold.it/350x150);
宽度：111px；
高度：202px；
}
.隐藏{
显示：无；
}

把我藏起来！
您的
显示：无
在
中。隐藏
类拼写错误！
<button style="display: block;"> ... </button>

$('button').on('click', function(){
 $('button').css('display', 'hide');
 $(this).next('button').css('display', block');
});

$('button').on('click', function(){        
 if($(this) != $('button').last()){
  $('button').css('display', 'hide');
  $(this).next('button').css('display', 'block');
 }
 else {
  // finished quiz
 }
});