Pessoal,
Ainda estou estudando java script, estou fazendo um MENU e está funcionando, fiz do zero e estou corrigindo cada etapa que desejo e não tinha... fiquei em um impasse agora...
O menu abre, desce o submenu e sobe, certinho, porém coloquei um ícone para informar quando desce e quando sobe, e ele muda em todas as situações, apenas uma que não... quando o submenu retorna... olha a lógica que fiz, mas está algo errado nesse if...
$(".button-menu").click(function() {
document.getElementById("index-menu-left").style.width = "250px";
$("div.menu-item-text").addClass("display-inline");
$("div.menu-item-arrow").find('i').removeClass("fa-caret-down").addClass("fa-caret-right");
if ($('#index-menu-left').hasClass('show')) {
$(this).find('i').removeClass("fa-caret-right").addClass("fa-caret-down");
}
})
Esse ".show" é a class que add quando abre o submenu, e queria pegar ela para mudar a seta... se existe essa classe, a seta fica para baixo, quando não, ela fica para direita.
Com esse aqui funciona, porém quando clico em outro link, o ícone não muda
$(this).find('i').toggleClass("fa-caret-right fa-caret-down");