Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/apache-spark/6.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_Css - Fatal编程技术网

Javascript 展开和折叠手风琴时,图标不会相应地切换

Javascript 展开和折叠手风琴时,图标不会相应地切换,javascript,jquery,css,Javascript,Jquery,Css,我有一个可以伸缩的手风琴。此手风琴还具有图标,用于表示手风琴何时用+/-展开或收拢。 问题是,如果我展开第1项,然后展开第2项。项目1可以很好地折叠,但图标仍然为负号,但它应该为正,因为它已折叠。所以问题是,它没有正确切换。代码如下: var coll=document.getElementsByClassName(“手风琴切换”); 对于(变量i=0;i

我有一个可以伸缩的手风琴。此手风琴还具有图标,用于表示手风琴何时用+/-展开或收拢。 问题是,如果我展开第1项,然后展开第2项。项目1可以很好地折叠,但图标仍然为负号,但它应该为正,因为它已折叠。所以问题是,它没有正确切换。代码如下:

var coll=document.getElementsByClassName(“手风琴切换”);
对于(变量i=0;i
您可以添加以下行:

coll[j].querySelector('.fa').classList.add("fa-plus");
coll[j].querySelector('.fa').classList.remove("fa-minus");
请参阅以下章节:

for (var j = 0; j < coll.length; j++) {
  coll[j].classList.remove("collapsed")
  coll[j].nextElementSibling.style.maxHeight = null;
}

开放式可折叠
知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作

开放式第一节 知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作


您可以添加以下行:

coll[j].querySelector('.fa').classList.add("fa-plus");
coll[j].querySelector('.fa').classList.remove("fa-minus");
请参阅以下章节:

for (var j = 0; j < coll.length; j++) {
  coll[j].classList.remove("collapsed")
  coll[j].nextElementSibling.style.maxHeight = null;
}

开放式可折叠
知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作

开放式第一节 知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作


您是否尝试过使用Jquery缩短代码

$('.accordion toggle')。单击(函数(){
var-temp=true;
//获取当前状态
//
if($(this.children().hasClass('fa-minus')){
温度=真;
}否则{
温度=假;
}
//全部重置
//
$('.collapse').css('max-height',0);
$('.accordion toggle>i')。removeClass('fa-minus');
$('.accordio toggle>i').addClass('fa-plus');
//配置这个
//
如果(临时){
$(this.children().removeClass('fa-minus');
$(this.children().addClass('fa-plus');
$(this.next().css('max-height','0');
}否则{
$(this.children().removeClass('fa-plus');
$(this.children().addClass('fa-minus');
$(this.next().css('max-height','6em');
}
});
。手风琴切换{
背景色:#777;
颜色:白色;
光标:指针;
填充:18px;
宽度:钙(100%-18px);
边界:无;
文本对齐:左对齐;
大纲:无;
字体大小:15px;
}
.折叠,.手风琴切换:悬停{
背景色:#555;
}
.崩溃{
填充:0 18px;
最大高度:0;
溢出:隐藏;
过渡段:最大高度0.2s放松;
背景色:#f1f1;
}
.集装箱{
最大宽度:100%;
}

开放式可折叠
知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作

开放式第一节 知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作


您是否尝试过使用Jquery缩短代码

$('.accordion toggle')。单击(函数(){
var-temp=true;
//获取当前状态
//
if($(this.children().hasClass('fa-minus')){
温度=真;
}否则{
温度=假;
}
//全部重置
//
$('.collapse').css('max-height',0);
$('.accordion toggle>i')。removeClass('fa-minus');
$('.accordio toggle>i').addClass('fa-plus');
//配置这个
//
如果(临时){
$(this.children().removeClass('fa-minus');
$(this.children().addClass('fa-plus');
$(this.next().css('max-height','0');
}否则{
$(this.children().removeClass('fa-plus');
$(this.children().addClass('fa-minus');
$(this.next().css('max-height','6em');
}
});
。手风琴切换{
背景色:#777;
颜色:白色;
光标:指针;
填充:18px;
宽度:钙(100%-18px);
边界:无;
文本对齐:左对齐;
大纲:无;
字体大小:15px;
}
.折叠,.手风琴切换:悬停{
背景色:#555;
}
.崩溃{
填充:0 18px;
最大高度:0;
溢出:隐藏;
过渡段:最大高度0.2s放松;
背景色:#f1f1;
}
.集装箱{
最大宽度:100%;
}

开放式可折叠
知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作

开放式第一节 洛雷姆一世