Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 扩大崩溃问题_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 扩大崩溃问题

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

当列表展开时,我正在尝试将字体从“+”图标改为“-”图标。有人能帮我吗

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 = $('.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图标“-”没有改变等待我用你的小提琴或者简单地先扩展印度然后点击美国你可以看到图标