Как сделать смену текста по клику?

Question

[zeaovede]

Есть пример, который работает при одном нажатии.

<a onclick="this.innerHTML='Свернуть'">Развернуть</a>

Как сделать, чтобы работало при повторном нажатии? (туда - обратно - туда - обратно ...)

Answer 1

[Rsa97]

Answer 2

[zeaovede]

От себя добавлю еще такой вариант

<a class="clickme">
Нажми на меня!
</a>
<script>
$('.clickme').click(function(){
  if (!$(this).data('status')) {
    $(this).html('Молодец! А еще раз слабо?');
    $(this).data('status', true);
  }
  else {
    $(this).html('Ну ты гигант! А может еще раз?');
    $(this).data('status', false);
  }
});
</script>

Answer 3

[CryptBomj]

Можешь на данный код посмотреть ещё, под себя проминговать. Код очень простенького выпадающего меню на сайте. Сворачивается - разворачивается. Только классы переменных менять под свою структуру.

let dropdown_menu = document.getElementById('header__cabinet_dropdown-menu'),
    dropdown_menuToggle1 = document.getElementById('cabinet__text'),
    dropdown_menuToggle2 = document.getElementById('cabinet__link'),
    dropdown_menu_counter1 = 2,
    dropdown_menu_counter2 = 2,

dropdown_menuToggle1.onclick = function() {
        if(dropdown_menu_counter1 % 2 == 0) {
            dropdown_menu.style.display = "block",
            dropdown_menu_counter1++;
        }
        else {
            dropdown_menu.style.display = "none",
            dropdown_menu_counter1++;
        }
    }

    dropdown_menuToggle2.onclick = function() {
        if(dropdown_menu_counter2 % 2 == 0) {
            dropdown_menu.style.display = "block",
            dropdown_menu_counter2++;
        }
        else {
            dropdown_menu.style.display = "none",
            dropdown_menu_counter2++;
        }
    }

Comments

[zeaovede]

Спасибо. Может кому и пригодится, но у меня задача другая