El ícono de la hamburguesa cambia al ícono de las horas, pero no ocurre lo contrario. El controlador de eventos se elimina de la etiqueta svg con la misma identificación después del primer clic. No existe otro código en el archivo js.
$(document).ready(function() { $('#menu-bar').click(function() { $(this).toggleClass('fa-times'); }) }) <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="menu-bar" class="fas fa-hamburger"></div>El problema estaba en el archivo fontawesome all.js o all.min.js. Los archivos correctos que deben incluirse cuando se usa fuente impresionante para íconos son:
<link rel="stylesheet" type="text/css" href="staticAssets/css/all.min.css"> <script type="text/javascript" src="staticAssets/js/fontawesome.min.js"></script>Es mejor incluir todos los archivos descargados de Font Awesome en un solo lugar, ya que los archivos también tienen rutas relativas, que pueden aparecer como errores en la consola.