Rails切换功能默认隐藏？

Question

我在我的代码中使用“切换”功能来显示/隐藏div。我希望默认情况下隐藏它。我该怎么办呢。

以下是代码行：

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

感谢。

Answer 1

在你的css中：

.hidden { display: none;}

并提供div hidden班级

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();
  });
});

我要从记忆中走出来，所以如果代码不完美我会道歉！\