[SOLUCIONADO] Cambiar texto de button dos veces

[El_Astur]

Buenas,

llevo dándole vueltas pero no consigo encontrar la solución. Estoy intentando que al pulsar sobre cualquier botón salga la palabra 'Cancel' (esto me sale bien) pero quisiera que al volver a pulsar de nuevo el texto vuelva de nuevo al que estaba al principio:

<button id="addUno" class="viewItemBt" type="button">Add uno</button>
<button id="addDos" class="viewItemBt" type="button">Add dos</button>

El script que tengo actualmente, y que me permite escribir el cancel, es:

$(document).ready(function(){
$("#addUno").click(function(){
$("#addUno").html("Cancel");
});
$("#addDos").click(function(){
$("#addDos").html("Cancel");
});
});

¿Alguien sabría como podría adaptarlo para que una vez que clickee de nuevo vuelva a salir el texto que estaba - Add uno o Add dos -?

[GeekGirl]

Podés hacer algo como esto:

Código HTML:

 <button id="addUno" class="viewItemBt" onclick="toggleClick($(this), 'Add uno')" type="button">Add uno</button>
    <button id="addDos" class="viewItemBt" onclick="toggleClick($(this), 'Add dos')" type="button">Add dos</button>
    <script type="text/javascript">
        function toggleClick(element, text) {
            var newText = (element.html() == text) ? 'Cancel' : text;
            element.html(newText);
        }
    </script> 

Saludos :)

[El_Astur]

Buenas Geek,

lo he probado y me funciona perfectamente. Muchas gracias por la información. Dejo el código completo por si a alguien más le puede interesar:

Html:

<button onclick="toggleClick($(this), 'Add uno')" id="addUno" class="rrhh-viewItemBt" type="button">Add uno</button>
<button onclick="toggleClick($(this), 'Add dos')" id="addDos" class="rrhh-viewItemBt" type="button">Add dos</button>

Script:

function toggleClick(element, text) {
var newText = (element.html() == text) ? 'Cancel' : text;
element.html(newText);
}


Si se tienen varias listas desplegables y demás está muy bien pues agregando el onclick siempre funciona en cualquier botón.