Как заменить текст в теге?

Question

[Дмитрий]

Есть кнопка которая открывает/закрывает меню. При открытие текст кнопки должен меняться с показать меню на скрыть меню. Решение ниже работает частично.При первом открытии меню текст меняется, а потом ничего.Что не так?

$(document).ready(function (){
	$('.openNav').click(function(){
		
		$('.dispNone').slideToggle(500, function(){
			
			if ($('.openNav:contains(показать меню)')) {
				$('.openNav').html('скрыть меню ↑');
			} else if ($('.openNav:contains(скрыть меню)')) {
				$('.openNav').html('показать меню ↓');
			}
			
		});
	});
});

Answer 1

[Дмитрий Баракин]

Разметка:
<button class="btn">Показать</button>

JavaScript-код:

$( document ).ready(function() {
  $(document).on('click', '.btn', function(){
    //функционал...

    $(this).toggleClass("active");

    if($(this).hasClass("active"))
    {
      $(this).text('Скрыть');
    }
    else{
      $(this).text('Показать');
    }
  });
});