Jquery 更改字体箭头子菜单

我想在打开的子菜单中将字体改为“向下俯角”，在折叠的子菜单中将字体改为“向后俯角”

HTML和CSS：

.sidenav li.arrow:之前{
字号：1.4em；
左侧填充：10px；
右边填充：10px；
}

您可以使用

转换

与

转换

配合使用。这将产生比使用JS简单地用

.fa angle left

替换

.fa angle down

更好的效果

.sidenav li.arrow{
转变：转变.25s；
}
.侧导航李。折叠。箭头{
变换：旋转（90度）；
}

---

看看这支笔：

你可以使用

变换

与

变换

搭配使用。这将产生比使用JS简单地用

.fa angle left

替换

.fa angle down

更好的效果

.sidenav li.arrow{
转变：转变.25s；
}
.侧导航李。折叠。箭头{
变换：旋转（90度）；
}

看看这支笔：

带jQuery：

$（'a'）。在（'click'，function（）上{
变量扩展=$（'#submoutools'）。hasClass（“in”）；
如果（扩展==true）{
$（'#箭头'）。删除类（“fa角度向下”）；
$（'箭头'）.addClass（“左前角”）；
}
否则{
$（'箭头'）.removeClass（“左前角”）；
$（'箭头'）.addClass（“fa角度向下”）；
}
});
.sidenav li.arrow:之前{
字号：1.4em；
左侧填充：10px；
右边填充：10px；
}








使用jQuery：


$（'a'）。在（'click'，function（）上{
变量扩展=$（'#submoutools'）。hasClass（“in”）；
如果（扩展==true）{
$（'#箭头'）。删除类（“fa角度向下”）；
$（'箭头'）.addClass（“左前角”）；
}
否则{
$（'箭头'）.removeClass（“左前角”）；
$（'箭头'）.addClass（“fa角度向下”）；
}
});
.sidenav li.arrow:之前{
字号：1.4em；
左侧填充：10px；
右边填充：10px；
}








您可以使用以下JQuery示例

$(document).ready(function() {
  var expand = false;
  $("#mainMenu").click(function() {
    expand = !expand;
    if (expand) {
      $(this).children("span").removeClass().addClass("fa fa-angle-down");
    } else {
      $(this).children("span").removeClass().addClass(" fa fa-angle-left");
    }
  });
});

您可以使用以下JQuery示例

$(document).ready(function() {
  var expand = false;
  $("#mainMenu").click(function() {
    expand = !expand;
    if (expand) {
      $(this).children("span").removeClass().addClass("fa fa-angle-down");
    } else {
      $(this).children("span").removeClass().addClass(" fa fa-angle-left");
    }
  });
});

是的，纯CSS解决方案。谢谢：）是的，纯CSS解决方案。谢谢：）