Question

我想切换（隐藏/显示）我网页的几个元素。

所有这些元素都在此标记之间：

 <div class="class_name">to toggle</div> 
 <div class="class_name">to toggle2</div>

当用户点击按钮时，我想使用javascript来切换class = class_name的所有元素。

到目前为止，我发现的所有代码只隐藏了ID ID。

我正在使用rails上的ruby，所以如果有办法不编写js代码而不创建新函数，我将不胜感激。我还想要一种方法来调用视觉效果，但是在课堂上而不是id。

感谢。

Answer 1

你可以使用jQuery：

$('.class_name').toggle();

Answer 2

Rails自带prototype library开箱即用。您只需在布局的<head>部分添加此行：

即可使用它

<%= javascript_include_tag :defaults %>

然后您可以使用此调用按类名切换元素：

$$('.class_name').each(Element.toggle);