原型.js:显示下一个隐藏的div

Question

如何在原型.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。