Функция переключения Rails скрыта по умолчанию?

Question

Я использую функцию «toggle» в своем коде, чтобы показать/скрыть div. Я хочу, чтобы он был скрыт по умолчанию. Как мне это сделать.

Вот строка кода:

<%= link_to_function "+ Add a comment", "$('comment-form').toggle()" %> 

Спасибо.

Answer 1

в вашем CSS:

.hidden { display: none;} 

и дать divhidden класс

Answer 2

Это также может быть сделано UJS при наличии

<script type="text/javascript"> 
$(function(){ 
    $('comment-form').hide(); 
}) 
</script> 

Где-то на этой странице. Это позволит вам одновременно запускать множество различных javascript/jquery-вызовов после загрузки страницы.

Answer 3

Просто расширение немного на 2 предыдущих ответы:

В шаблоне

<div class="commment_form hidden"> 
<!-- Comment form markup --> 
</div> 
<%= link_to"+ Add a comment", "#", :id => "comment_link" %> 

В вашем CSS

.hidden { display: none } 

В вашем application.js

$(document(ready) { 
    $('#comment_link').click(function() { 
    $('.comment_form').toggle(); 
    }); 
}); 

я иду из-за памяти, поэтому извиняюсь, если код не идеален! \