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

Question

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

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

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

Спасибо.

Answer 1

в вашем css:

.hidden { display: none;}

И дайте вашему div hidden классу

Answer 2

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

В вашем шаблоне

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

В вашем css

.hidden { display: none }

В вашем приложении. Js

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

Я ухожу из памяти, поэтому приношу свои извинения, если код не идеален! \

Answer 3

Это также можно сделать UJS, указав

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

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