Javascript Jquery用图标展开

我正在尝试使用jquery更改字体图标以及折叠和展开。我从中获取了代码。第三级有一个问题。对于问题，请打开小提琴并观察最后一个名为“Sarah Street”的节点，展开此节点，然后展开“Ahmed Zubair”，现在观察“Sarah Street”未更改。有人能帮我吗

Jquery

//expand collapse
var plusClass = 'fa-plus-circle';
var minusClass = 'fa-minus-circle';

$('.empDetails p#leafCount').css('cursor', 'pointer');
$('.empDetails p#leafCount span').on('click', function() {
  var parentDiv = $(this).parents('.emplist').first();
  var nextUl = parentDiv.next('ul');
  nextUl.toggle();
  $(this).find('i').toggleClass('fa-minus-circle')
  parentDiv.closest('ul').find('ul').not(nextUl).hide();
});

$(document).on('click', '.fa-minus-circle', function() {
  $(this).closest('.emplist').next('ul').find('.fa-minus-circle').removeClass('fa-minus-circle');
});