Change div text with jQuery Toggle

后端 未结 8 800
粉色の甜心
粉色の甜心 2021-02-01 04:07

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:

8条回答
  •  情话喂你
    2021-02-01 04:58

    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

提交回复
热议问题