-1
展開して崩壊していますが、リストが展開されているときは素晴らしいフォントを「+」から「 - 」に変更したいと思います。 DEMOJQueryがフォントの驚異的なアイコンで崩壊を拡大
のjQuery
$('#ulCollapse li ul').hide();
$('.emplist').each(function() {
// it counts next childs of each parent
//$(this).find('.empDetails > p#leafCount span').text($(this).next('ul').children('li').length);
// it counts total childs of each parent
var childCount = $(this).siblings('ul').find('li').length;
if (childCount > 0)
$(this).find('.empDetails > p#leafCount span').append(childCount);
else
$(this).find('.empDetails > p#leafCount span').text('');
});
//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();
parentDiv.closest('ul').find('ul').not(nextUl).hide();
});
ありがとうが、一度これを確認https://jsfiddle.net/nelsonfeel/u5q9vxLc/9/ – nani0077
最後の二つのノードnani0077 @ – nani0077
を展開する第三レベルで観察し、あまりにも3番目のレベルで正常に動作するようです。私は第3レベルを閉じた第2レベルを開いて、再び第2レベルを開いた。 '+ 'アイコンが表示されています。 – Ionut