Javascript 带有引导折叠的Rails-AJAX,don';t在切换关闭时进行方法调用

Javascript 带有引导折叠的Rails-AJAX,don';t在切换关闭时进行方法调用,javascript,ruby-on-rails,ajax,twitter-bootstrap,collapse,Javascript,Ruby On Rails,Ajax,Twitter Bootstrap,Collapse,我有一个引导手风琴折叠部分,它工作得很好。accordion中的每个列表项都将_链接到某个方法,该方法通过AJAX调用。控制器使用javascript做出适当响应,调用_____________________。所有这些都很好 要关闭折叠部分,用户需要再次单击顶级列表项,单击一次即可打开它。这都在引导默认值范围内。但是,当用户第二次单击该列表项时,由于我已将该项远程链接到控制器方法,服务器将第二次被击中,而我真正想要的是折叠部分消失。这并不是说真的会导致错误,更像是不受欢迎的行为 是否有某种方法

我有一个引导手风琴折叠部分,它工作得很好。accordion中的每个列表项都将_链接到某个方法,该方法通过AJAX调用。控制器使用javascript做出适当响应,调用_____________________。所有这些都很好

要关闭折叠部分,用户需要再次单击顶级列表项,单击一次即可打开它。这都在引导默认值范围内。但是,当用户第二次单击该列表项时,由于我已将该项远程链接到控制器方法,服务器将第二次被击中,而我真正想要的是折叠部分消失。这并不是说真的会导致错误,更像是不受欢迎的行为

是否有某种方法可以实现这一点(第二次单击关闭折叠部分实际上不会进行服务器方法调用)?任何帮助都将不胜感激

下面是我的代码流程的概述:

附带查看:

<div id="accordion" role="tablist" aria-multiselectable="true">
<% @fantasy_players.each do |fantasy_player| %>
    <%= render partial: 'leagues_and_teams/teams/fantasy_player', locals: {fantasy_player: fantasy_player} %>
<% end %>

上面所说的部分:

<div class="card">
  <div class="card-header" role="tab">
    <div class="media">
        <%= image_tag fantasy_player.player.avatar.url(:small) %>
        <div class="media-body">
        <h5 class="mb-0">
          <%= link_to fantasy_player.player.name, players_and_stats_player_card_path(player_id: fantasy_player.player.id), remote: true, :"role" => "tabpanel", :"data-toggle" => "collapse", :"data-parent" => "#accordion" %>
        </h5>
        </div>
      </div>
  </div>

  <div id="team_fantasy_player_<%= fantasy_player.player.id %>" class="collapse" role="tabpanel"></div>
</div>

“tabpanel”、:“数据切换”=>“折叠”、:“数据父项”=>“#手风琴”%>
…然后点击控制器等

谢谢大家!