Change div text with jQuery Toggle

Question

When using slideToggle, how to change the Text close/show? I did a simple one, but cannot get the text change back.

Here is what I did:

相关标签:

Answer 1

Just add a simple if statement to test the text like so

$('.open').click(function(){

       $('.showpanel').slideToggle('slow');
       if($(this).text() == 'close'){
           $(this).text('Show');
       } else {
           $(this).text('close');
       }
});

Like this DEMO

Answer 2

Not the prettiest of methods, but it does the job in a single statement.

$(this).text(($(this).text() == 'Close') ? 'Show' : 'Close');