A cada click exibir de acordo com uma "sessão"

[Vinicius Eduardo_52741 1]

Olá! galera eu tenho o seguinte código:

 

function add (id) { 

 envia('http://<?php echo URL; ?>exec/add.php?id=' + id + '');
		$('#btnadd_' + id +'').css('background', '#F32E1A');
		$('#btnadd_' + id +'').css('border', '1px #F32E1A solid');
        $('input[name=btnadd_' + id +']').val('Desfazer Pedido');
		$('#btnadd_' + id +'').css("opacity", "0.4");
} 

e quando o user clica no botao ele troca o background para vermelho e o texto para "Desfazer Pedido" mas eu queria que quando o usuáario clicasse denovo ele trocasse novamente o background para verde e o texto para "Adicionar" e assim adiante... desculpem, sou leigo em JavaScript

[Andrew Marques 47]

Cria uma função add_pedido e outra desfazer_pedido no botão você coloca onclick="add_pedido();" quando clicar ele faz a função e troca a propriedade onclick para desfazer..

 

Se for ao contrario onclick="desfazer_pedido();" quando clicar faz a troca de cores lá e muda o onclick para o add...