用户单击文本时首先显示内容

Question

我制作了一个小草图，你可以看到我的视图实际上是什么样的以及我希望它如何：

您希望如何识别我想要的，当用户点击一个章节时，其子章节显示在右侧的框中。

实际上我的视图模板如下所示：

<% @chapter.each do |chapter| %>
  <%= chapter.number %><%= chapter.description %>
  </p>
  <% chapter.subchapter.split(';').each do |subchapter| %>
     <%= subchapter %>
     </p>
  <% end %>
<% end %>

我希望你能提出我的建议，如何解决我的问题！

Answer 1

试试这段代码..

<% @chapter.each do |chapter| %>
  <%= chapter.number %><%= link_to_function chapter.description, "$(\"#\"+#{chapter.id}\").toggle()" %>
  </p>
<div id=<%= chapter.id %> style="display: none;">
  <% chapter.subchapter.split(';').each do |subchapter| %>
     <p>
     <%= subchapter %>
     </p>
  <% end %>
</div>
<% end %>