切换远程链接

Question

我有一个链接可以检索数据并显示所有细节，效果很好。 但是，我希望它像切换一样，在第二次单击后删除细节。它也不应该将ajax请求发送到服务器。

也许某些州应该保存以便知道要么显示细节还是删除它们？做这个的最好方式是什么？这是链接：

ScrollView

Answer 1

我认为你可以用很少的javascript来做到这一点。

= link_to "details", testitemlogs_path(testitem_id: testitem.id), remote: true , id:'details-button'

$('#details-button').click(function(e){
    if($(this).hasClass('data-fetched')) {
      $('#target_div_id').remove(); //You can do whatever you want like hide or remove it from page
      e.preventDefault();
      e.stopPropagation();
     }
  $(this).toggleClass('data-fetched');
 });

此脚本在锚点上切换data-fetched类，并检查该类是否存在，然后不获取数据并隐藏/删除目标div。

使用您想隐藏的实际容器ID更改target_div_id

Answer 2

我认为这可以在jQuery / Javascript的帮助下完成 最初，您可以在页面加载时立即显示cmake按钮 点击link_to，您还应该隐藏当前的link_to按钮并显示另一个ID不同的按钮。
然后通过单击其他按钮，您可以隐藏页面的详细信息表单。