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 放入函数中，则必须为每个 question/answer 对创建一个新函数。这个怎么样：

<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。

Prototype.js: Showing the next hidden div