jquery - 如何更改活动状态jQuery的文本

Question

我有这段代码，我做了我想做的事，只有一件事是当 div 展开时无法改变单词，我想制作文本Less -，什么时候不展开More +

小提琴

$(document).ready(function () {
     var visible=true;
    $("#more_details").on('click', function() { 
    $('.more_details').animate({width: visible ? 300 : 0}, "slow");
         visible=!visible;    
     });
});

Answer 1

$(document).ready(function () {
  var visible=true;
  $("#more_details").on('click', function() { 
    $('.more_details').animate({width: visible ? 300 : 0}, "slow");
    visible=!visible;
    $(this).text(visible ? 'More +' : 'Less -');
  });
});

演示