Question

我在表单中包含表单的其他字段。我希望用户能够切换他们是否看到它。

我希望他们能够按下一个按钮/链接，这会使div显示或消失。 理想情况我可以有一些简单的javascript效果，例如幻灯片或淡入。

这是我的_form：

  1 <%= form_for @message do |f| %>
  2   <%= f.error_messages %>
  3   <p>
  4     <%= f.label :subject %><br />
  5     <%= f.text_field :subject %>
  6   </p>
  7   <p>
  8     <%= f.label :body %><br />
  9     <%= f.text_area :body %>
 10   </p>
 11   <p>
 12   <div id = "contact_form">
 13      <%= form_for @contact do |fc| %>
 14         <p>
 15           <%= fc.label :first_name %><br />
 16           <%= fc.text_field :first_name %>
 17         </p>
 18         <p>
 19           <%= fc.label :last_name %><br />
 20           <%= fc.text_field :last_name %>
 21         </p>
 22 
 23      <% end %>
 24   </div>
 25   </p>
 26   <p>

Answer 1

最简单的方法是使用jQuery javascript库的.css规则：

http://api.jquery.com/css/ （请参阅关于四分之一的示例：在鼠标悬停事件中将任何段落的颜色更改为红色。）

因此，使用此功能，您可以在点击按钮/链接时使用此JavaScript：

$('div#contact_form').css('display', 'none');

Answer 2

实现此目的的最简单方法是在某处添加链接以调用脚本，如下所示：

<script type="text/javascript">
function show(id) {
  document.getElementById(id).style.visibility = 'visible';
}
</script>

<a href="#" onclick="show('contact_form'); return false;">show sub-form</a>

如何在Rails 3中切换<div>的显示？</div>

2 个答案: