Как изменить значок раскрывающегося списка при отображении в Bootstrap

Question

Я хочу изменить Bootstrap раскрывающееся меню во время jQuery toggleSlide будет работать.

Пока меню открыто, появится символ, а пока меню закрыто, будет отображаться предыдущий обычный значок.

Кнопка меню для нажатия

<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')
});