Как добавить и исчезнуть значки на bootstrap и jquery - PullRequest
Новая
       69

Как добавить и исчезнуть значки на bootstrap и jquery

0 голосов
/ 30 января 2020

Я пытался преобразовать значок glyphicon-hamburger в glypicon-remove, когда пользователь нажимает кнопку раскрывающегося списка. Однако, как только кнопка преобразуется в значок glyphicon-remove и ее снова нажимают, она остается неизменной до обновления страницы. 

$('button').on('click', function() {
  var icon = $(this).find("i");
  if (icon.hasClass("glyphicon-menu-hamburger")) {
    $(".glyphicon-menu-hamburger").hide();
    $(".glyphicon-remove").show();
  } else if (icon.hasClass("glyphicon-remove")) {
    $(".glyphicon-remove").hide();
    $(".glyphicon-menu-hamburger").fadeIn();
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">

<button type="button" id="iconbar" class="navbar-toggle pull-left" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
  <span class="glyphicon"><i class="glyphicon glyphicon-menu-hamburger"></i></span> 
  <span class="glyphicon"><i class ="glyphicon glyphicon-remove"></i></span>
</button>
...