Prototype.js：显示下一个隐藏的div

Question

如何在Prototype.js上显示隐藏的相邻div？这是我目前的代码：

<button id="checkAnswer" onclick="checkAnswer2()">Check Answer</button>
<p class="feedback">Feedback:</p>

脚本：

function checkAnswer2 () {
    $('checkAnswer').next().show();        
}

Answer 1

如果您将ID放入函数中，则必须为每个问题/答案对创建一个新函数。怎么样：

<button class=“checkAnswer”>Check Answer</button>
<p class=“feedback”>Feedback:</p>

脚本

$$('.feedback').invoke('hide');
$(document).on('click', '.checkAnswer', function(evt, elm){
  elm.next('p').show();
});

现在，您可以在页面上重复所需的任意数量，并且每个按钮将始终管理其后的任何p。