jquery - アクティブ状態のjQueryのテキストを変更する方法

Question

私はこのlilのコードを作成しました。やりたいことを実行しました。ただ、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 -');
  });
});

デモ