jquery - 当用户点击文本时首先显示内容

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 %>