Javascript 扩大崩溃问题
当列表展开时,我正在尝试将字体从“+”图标改为“-”图标。有人能帮我吗 jQuery:Javascript 扩大崩溃问题,javascript,jquery,html,css,Javascript,Jquery,Html,Css,当列表展开时,我正在尝试将字体从“+”图标改为“-”图标。有人能帮我吗 jQuery: var $ul = $('ul'); $ul.find('li[Catparent-id]').each(function() { $ul.find('li[Catparent-id=' + $(this).attr('Catli-id') + ']').wrapAll('<ul />').parent().appendTo(this) }); var $expandBtns = $('.e
var $ul = $('ul');
$ul.find('li[Catparent-id]').each(function() {
$ul.find('li[Catparent-id=' + $(this).attr('Catli-id') + ']').wrapAll('<ul />').parent().appendTo(this)
});
var $expandBtns = $('.expandBtn');
var $span;
//counting childs
$expandBtns.each(function() {
$span = $(this).find('span#count');
var $subList = $(this).siblings('ul').find('li')
if ($subList.length > 0) {
$span.append(' ' + $subList.length);
} else {
$span.css('display', 'none');
}
});
//Collapse and Expand
$('#orgCat ul').hide('li');
$expandBtns.on('click', function() {
var $subList = $(this).siblings('ul');
$(this).parent('li').siblings('li').find('ul').hide('slow');
if ($subList.is(':visible')) {
$subList.hide('slow');
} else {
$subList.show('slow');
}
});
var$ul=$('ul');
$ul.find('li[Catparent id]”)。每个(函数(){
$ul.find('li[Catparent id='+$(this.attr('Catli-id'+'])).wrapAll('
')).parent().appendTo(this)
});
变量$expandBtns=$('.expandBtn');
var$span;
//数孩子
$expandBtns.each(函数(){
$span=$(this).find('span#count');
var$subList=$(this.sibbines('ul')。find('li'))
如果($subList.length>0){
$span.append(“”+$subList.length);
}否则{
$span.css('display','none');
}
});
//崩胀
$('orgCat ul')。隐藏('li');
$expandBtns.on('click',function(){
var$subList=$(this.sillides('ul');
$(this.parent('li')。同胞('li')。find('ul')。hide('slow');
如果($subList.is(':visible')){
$subList.hide('slow');
}否则{
$subList.show('slow');
}
});
对于HTML和CSS,这是您所需要的
var plusClass = "fa-plus-circle";
var minusClass = "fa-minus-circle";
//Collapse and Expand
$('#orgCat ul').hide('li');
$expandBtns.on('click', function() {
var $subList = $(this).siblings('ul');
$(this).parent('li').siblings('li').find('ul').hide('slow');
//reset icons since you close other children
$(this).parent('li').siblings('li').find('i').
removeClass(minusClass).addClass(plusClass);
if ($subList.is(':visible')) {
$subList.hide('slow');
$(this).find("i:first").addClass(plusClass).removeClass(minusClass);
$(this).removeClass("blue");
} else {
$subList.show('slow');
$(this).find("i:first").removeClass(plusClass).addClass(minusClass);
$(this).addClass("blue");
}
});
小提琴==>
修改颜色==>完成,谢谢。展开时如何更改父字体颜色哪个?有图标的那个?问题就在那里。扩展印度==>TS和现在扩展TN图标“-”没有改变等待我用你的小提琴或者简单地先扩展印度然后点击美国你可以看到图标