Opa, pessoal, estou com uma pequeno problema, estou começando a me aventurar no mundo Jquery e ainda sei pouco de JavaScript, talvez um erro, deveria saber mais de JavaScript, pra depois aprender Jquery, mas enfim, vamos a duvida.
Tenho um elemento que quando eu clico ele precisa mudar de classe, mas quero que quando eu clicar de novo nele, ele volte para classe antiga, com o pouco que sei, já tentei, mas não acontece o que quero.
Exemplificando melhor
Tenho um botão de "+" que ao clicar ele fica "-", até ai consigo fazer sem nenhum problema, o que não consigo é retirar a classe que coloquei e voltar ele para o "+".
Ao clicar no "+" uma caixa com slideToggle() se abre e ao clicar de novo, logicamente ela fecha, mas no script que fiz o botão de "-" continua menos e não volta a ficar "+".
Como faço para resolver isso?! Alguém poderia me ajudar e explicar o script que faça dá certo?!
Meu script:
$(".more-info").click(function () {
$(".box-info").slideToggle('slow');
$(".more-info").removeClass("more-info").addClass("less-info");
});
Já tentei fazer outro script para quando clicar no botão com a classe nova ele voltar a antiga, mas não funcionou, talvez porque tenha feito errado.
segue o outro script:
$(".less-info").click(function () {
$(".box-info").slideToggle('slow');
$(".less-info").removeClass("less-info").addClass("more-info");
});
Bem é isso, espero que tenham conseguido me entender e que consiga ser solucionado esse caso e assim aprenda algo novo. Valeu gente!