首页 > 其他 > 详细

jq 动态切换图标

时间:2022-05-27 22:48:59      阅读:22      评论:0      收藏:0      [点我收藏+]
if(!$(this).hasClass("subdrop")) {
// hide any open menus and remove all other classes
$("ul",$(this).parents("ul:first")).slideUp(350);
$("a",$(this).parents("ul:first")).removeClass("subdrop");

$("#sidebar-menu .pull-right i").removeClass("fa-chevron-down").addClass("fa-chevron-left");

// open our new menu and add the open class
$(this).next("ul").slideDown(350);
$(this).addClass("subdrop");

$(".pull-right i",$(this).parents(".has_sub:last")).removeClass("fa-chevron-left").addClass("fa-chevron-down");
$(".pull-right i",$(this).siblings("ul")).removeClass("fa-chevron-down").addClass("fa-chevron-left");

}else if($(this).hasClass("subdrop")) {
$(this).removeClass("subdrop");
$(this).next("ul").slideUp(350);

$(".pull-right i",$(this).parent()).removeClass("fa-chevron-down").addClass("fa-chevron-left");
}

jq 动态切换图标

原文:https://www.cnblogs.com/lilulin/p/15353287.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!