按類名稱切換元素

Question

我想切換（隱藏/顯示）網頁的幾個元素。

所有這些元素都在此標記之間：

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

當用戶單擊按鈕時，我想使用javascript來切換所有帶有class = class_name的元素。

到目前為止，我發現的所有代碼僅按ID隱藏div。

我正在使用ruby on rails，因此，如果有一種方法可以不編寫js代碼並且不創建新功能，我將不勝感激。 我也想一種方法來調用視覺效果，但要在類而不是id上。

謝謝。

Answer 1

您可以使用jQuery：

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

Answer 2

Rails帶有現成的原型庫。 使用它所需要做的就是在布局的<head>部分中添加以下行：

<%= javascript_include_tag :defaults %>

然后，您可以使用此調用按類名稱切換元素：

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