时间戳

首页 > 解决方案 > 如何在 Bootstrap 中显示时更改下拉图标

jquery - 如何在 Bootstrap 中显示时更改下拉图标

问题描述

我想在toggleSlideBootstrap期间更改下拉菜单。jQuery

菜单打开时会出现一个符号，而菜单关闭时会显示以前的正常图标。

要单击的菜单按钮

<a class="dropdown-toggle" id="othersID" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <span>Others</span>
</a>

落下：

<ul class="dropdown-menu" id="navbarDropdownMegaMenu2">
   <li class="dropdown-item">A</li>
</ul>

jQuery：

$("#othersID").click(function(){
  $("#navbarDropdownMegaMenu2").slideToggle("slow");
  // I want to change here...........
  $("#othersID .dropdown-toggle::after").content('\f102')
});

标签： jquerycssbootstrap-4

解决方案

推荐阅读