Estou criando um menu responsivo do zero usando html, css e jQuery. Consegui criá-lo e está funcionando a abertura e fechamento de toggle após função de clique em uma imagem (o ícone de menu). A ideia agora é fazer com que ao clicar no ícone do menu, ele mude para um 'x', ou seja teria que trocar o src, eu acho, indicando que ali deve ser fechado. Segue o código atual:
<script>
$(document).ready(function() {
$('.icone-oppen-close').click(function() {
$('.itens-menu-mob').animate({
width: 'toggle'
}, 300);
$('.itens-menu-mob').css('display', 'block', fast);
});
});
</script>
<html>
<div class="menu-geral-mobile menu-mobile">
<div class="centralizar-menu-mob">
<div class="brand-topo-mob"><img src="img/logo-apple.png" /></div>
<div class="icone-oppen-close"><span class="glyphicon glyphicon-menu-hamburger"></span></div>
</div>
</div>
<div class="itens-menu-mob">
<ul>
<li><a href=""> Home</a></li>
<li><a href=""> Serviços</a></li>
<li><a href=""> Portifólio</a></li>
<li><a href=""> Contato</a></li>
<li><a href=""> Home</a></li>
<li><a href=""> Serviços</a></li>
<li><a href=""> Portifólio</a></li>
<li><a href=""> Contato</a></li>
</ul>
</div>
</html>
Como posso fazer isso rapidamente?