Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.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
Jquery 向上滑动时切换类_Jquery_Toggle_Slideup_Toggleclass - Fatal编程技术网

Jquery 向上滑动时切换类

Jquery 向上滑动时切换类,jquery,toggle,slideup,toggleclass,Jquery,Toggle,Slideup,Toggleclass,我正在用同一个类名切换李。单击打开一个li时,另一个li向上滑动 每个li旁边都有一个加号,单击li可通过将类fa加号切换为fa减号来展开加号 但是,当打开的li由于单击另一个li而自动向上滑动时,图标保持为负号,不会变回正号 这是我的JSFIDLE: $(函数(){ $(“.has_子菜单a”)。单击(函数(){ $(“.has_子菜单a”).not(this).next().slideUp(); $(this).closest(“.has_子菜单”).find(“.definition子菜

我正在用同一个类名切换李。单击打开一个li时,另一个li向上滑动

每个li旁边都有一个加号,单击li可通过将类fa加号切换为fa减号来展开加号

但是,当打开的li由于单击另一个li而自动向上滑动时,图标保持为负号,不会变回正号

这是我的JSFIDLE:


$(函数(){
$(“.has_子菜单a”)。单击(函数(){
$(“.has_子菜单a”).not(this).next().slideUp();
$(this).closest(“.has_子菜单”).find(“.definition子菜单”).slideToggle();
$(this).closest(“.has_子菜单”).find(“.fa plus,.fa减号”).toggleClass('fa-plus-fa减号');
返回false;
}); 
});
.has_子菜单。细化子菜单{display:none;}

有什么想法吗?

您的代码已经包含了一个想法,以类似于滑动其他div的方式,您可以切换“-”

您有:

$(this).closest(".has_submenu").find(".fa-plus, .fa-minus");
我补充说:

$(this).closest(".has_submenu").find(".fa-plus, .fa-minus").end().siblings().find('.fa-minus').toggleClass('fa-plus fa-minus');
尝试此更新的小提琴:

$(this).closest(".has_submenu").find(".fa-plus, .fa-minus");
$(this).closest(".has_submenu").find(".fa-plus, .fa-minus").end().siblings().find('.fa-minus').toggleClass('fa-plus fa-minus');