Как заменить значок моего меню, когда оно открыто? - PullRequest
Новая
       9

Как заменить значок моего меню, когда оно открыто?

0 голосов
/ 02 мая 2018

Как заменить иконку моего меню, когда оно открыто?

Вот моя страница, это левое меню:

https://www.s1biose.com/boutique/ma-boutique-pro

Я добавил следующий код в JS-файл моей темы, но он не работает: 

  $('#navbar-collapse-first').on('show.bs.collapse', function () {
       $(this).find('.navbar-toggle-first svg').removeClass("fa-bars").addClass("fa-times");
  });

  $('#navbar-collapse-first').on('hide.bs.collapse', function () {
       $(this).find('.navbar-toggle-first svg').removeClass("fa-times").addClass("fa-bars");
  });

Вот код моего меню: 

<a class="navbar-toggle-first-link" data-toggle="collapse" data-target="#navbar-collapse-first">
  <span class="navbar-toggle-first collapsed" data-toggle="collapse" data-target="#navbar-collapse-first">
    <span class="fa-layers fa-3x">
      <i class="far fa-circle"></i>
      <i class="fas fa-bars" data-fa-transform="shrink-6"></i>
    </span>
  </span>
</a>

1 Ответ

0 голосов
/ 02 мая 2018

вы можете использовать для события клика: 

$('selector').click(function(){
        $(this).find($(".fa")).removeClass('fa-chevron-down').addClass('fa-chevron-up');  
});

Я предлагаю добавить пример функции: 

<span id="mySpan" onclick="myFunction();"></span>
<script> function myFunction(){//here do the change} </script>

завершить Пример

...