类别选择中的手风琴切换箭头答案

【问题标题】：Accordion Toggle Arrows in Category Selection类别选择中的手风琴切换箭头
【发布时间】：2017-03-31 00:29:41
【问题描述】：

我制作了一个 codepen 以使其尽可能简单。打开带有箭头的树，然后单击单词以“选择”该类别。 http://codepen.io/johnsonjpj/pen/JWebwx?editors=0010

我遇到的问题是，当我单击嵌套类别时，它的父级箭头会翻转到右箭头，而不是保持向下箭头。

我正在为这篇文章使用的主要代码位在这里：

var thisParents = $(this).parents('.list-group').not('.list-group-root');
$(".list-group").not(thisParents).collapse('hide');
$(".list-group").not(thisParents).find('.fa-chevron-down').addClass('fa-chevron-right').removeClass('fa-chevron-down');

提前致谢！

【问题讨论】：

只需删除您发布的代码部分，它会正常工作吗？
@ZakariaAcharki 用箭头打开，然后单击要选择的单词，然后我想你会明白我在说什么。
打开codepen.io/acharki-zakaria/pen/oZQBXv?editors=0010 看看我在说什么。
@ZakariaAcharki，但在该版本中，当您进行选择时，它不再折叠其他打开的类别
同样的事情发生在你的版本codepen.io/johnsonjpj/pen/JWebwx?editors=0010

标签： javascript jquery bootstrap-accordion

【解决方案1】：

我已经找到解决问题的方法了。

var thisParents = $(this).parents('.list-group').not('.list-group-root');
$(".list-group").not(thisParents).collapse('hide');

var parentIcons = $(thisParents).prev('.list-group-item').find('.fa');
$(".list-group").find('.fa-chevron-down').not(parentIcons).addClass('fa-chevron-right').removeClass('fa-chevron-down');

【讨论】：