Question

I’ve this lil piece of code, I have done what I wanted, just one thing is that am not able to chane the word when the div is expanded, I want to make text Less - and when is it not expanded 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