Изменение содержимого ссылки при нажатии мыши в JQuery с помощью html ()

Question

Добрый день!Для этого примера функции html () http://api.jquery.com/html/ Как вернуться к ссылке, которую они вначале смотрят, после следующего нажатия?

как делать, когда используется ссылка «прокрутка вниз», после нажатия на которую она меняется на «прокрутка»вверх "(показать переключатель, чтобы скрыть), и все это продолжалось в случае щелчка.

, если использовать такой код

    <p>scroll down</p>
<script>
    $("p").click(function () {
      var htmlStr = $(this).html();
      $(this).html('scroll up');
    });
</script>

в этом примере присвоено последнее значение.

Answer 1

Вы ищете .toggle()?

$('p').toggle(function(){
  $(this).html('scroll up');
}, function(){
  $(this).html('scroll down');
});

Пример JsFiddle

Answer 2

Если я понимаю, что вы спрашиваете, это один из способов сделать это:

window.textIndex = 1;
window.texts = [ "Scroll Up", "Scroll Down" ];
$("p").click(function () {
    textIndex = 1 - textIndex;
    $(this).html(texts[textIndex]);
});