У меня есть код ниже, который переключает div (называется#extra) в поле зрения:

$('#more').click(function() {
    $('#extra').slideToggle('fast');
    return false;
});

Моя функция щелчка - эта ссылка:

<a href="#" id="more">More about us</a>

Как мне получить текст «Больше о нас», чтобы изменить его на «Меньше о нас», когда#extra div виден? Когда щелкают по той же ссылке, чтобы скрыть div, я бы хотел, чтобы текст ссылки изменился на «Подробнее о нас».