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

Question

我已经完成了这段代码，我已经完成了我想要的工作，只有一件事是当div扩展时我无法使用该字符，我想创建文本Less -以及何时是它没有展开More +

Fiddle

$(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 -');
  });
});

DEMO