Schaltfläche Ändern Text (Show/hide/show) auf Klick in jquery Toggle

Question

ich auf dieser Geige arbeite: http://jsfiddle.net/cED6c/7/ Ich mag die Schaltfläche Textänderung auf Klick machen und ich versuchte, mit dem folgenden Code:

<input type="button" class="reveal" onClick="this.value=this.value=='Show Answer'?'Hide Answer':'Show Answer'" value="Show Answer"> 

Es funktioniert jedoch nicht. Wie soll ich das umsetzen? Jede Hilfe wäre großartig.

Answer 1

Sie müssen diesen Code hinzuzufügen:

if ($.trim($(this).text()) === 'Show Answer') { 
    $(this).text('Hide Answer'); 
} else { 
    $(this).text('Show Answer');   
} 

Sie es bei der Arbeit sehen:

http://jsfiddle.net/cED6c/13/

I fügen Sie die Trimm-Funktion Ursache in den HTML-Code Sie Platz bekam nach der Antwort anzeigen.

Answer 2

Sehr einfach, den Text mit jQuery zu ändern.

Arbeitsbeispiel hier. http://jsfiddle.net/vp7Y7/

$('.reveal').click(function() { 
    if ($(this).text() === 'Show Answer') { 
     $(this).text('This is NEW TEXT!!! It Worked!'); 
    } 
    else { 
     $(this).text('Show Answer'); 
    } 
}); 

Answer 3

etwas einfach wie dieses

$(document).ready(function() { 
    $('a.edit').click(function() { 
     var txt = $(this).text(); 
     txt = (txt !='cancel') ? 'cancel' : 'edit'; 
     $(this).text(txt); 
     $('.editForm').toggle(300); 
    }); 
});