Tengo el siguiente html que alterna la barra de navegación.
<!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <link rel="shortcut icon" href="images/favicon.ico"> <link rel="stylesheet" href="vendors/bootstrap/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="vendors/fontawesome/css/all.css"> <link rel="stylesheet" href="vendors/flag-icon-css/css/flag-icon.min.css"> <link rel="stylesheet" href="vendors/selectFX/css/cs-skin-elastic.css"> <link rel="stylesheet" href="assets/css/style.css"> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800' rel='stylesheet' type='text/css'> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> </head> <body> <!-- Left Panel --> <aside id="left-panel" class="left-panel"> <nav class="navbar navbar-expand-sm navbar-default"> <div class="navbar-header"> <a id="menuToggle" class="navbar-brand"><img src="images/pfcnowhite.png" alt="PFC"></a> <a id="menuToggle" class="navbar-brand hidden"><img src="images/pfcp.jpg" alt="PFC"></a> </div> </nav> </aside> <!-- /#left-panel --> <div id="right-panel" class="right-panel"> </div> <script src="vendors/jquery/dist/jquery.min.js"></script> <script src="vendors/popper.js/dist/umd/popper.min.js"></script> <script src="vendors/bootstrap/dist/js/bootstrap.min.js"></script> <script src="assets/js/main.js"></script> </body> </html>Ahora, sé que mi css y js no funcionarán si alguien intenta implementarlo porque están almacenados localmente en mi entorno de desarrollo, con suerte eso no será un problema con mi pregunta.
Tal como está ahora, si cargo la página, me muestra la imagen de la marca de la barra de navegación correctamente y cuando hago clic en ella, el panel izquierdo cambia como se esperaba y luego me muestra la imagen oculta de la marca de la barra de navegación como debería, pero cuando haga clic en la imagen oculta que no cambia hacia atrás.
Estoy tratando de hacer que funcione sin las fa-bars 'normales' en el costado, cualquier ayuda o consejo es muy apreciado.