Как изменить иконку мобильного меню при раскрытии?

Question

[denism300]

Есть меню на Bootstrap.

<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
	<i class="fa fa-bars" aria-haspopup="true"></i>
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
	<p class="menu-site-logo"><?php the_custom_logo(); ?></p>
	<?php echo $site_menu; ?>
</div>

как у раскрытого меню поменять иконку
<i class="fa fa-bars"></i>
на
<i class="fa fa-times"></i>
?

Answer 1

[alekseydemyanenko]

Как вариант положить 2 иконки изначально, моб скрыть, а на адаптиве открыть моб и скрыть ПК иконку(через родителя).
Еще конечно же JS с подменой.

Comments

[denism300]

тут нет пк иконки.
мысль в том, что скрыто меню - <i class="fa fa-bars"></i>
раскрыто - <i class="fa fa-times"></i>