Почему не работает функция .val() если в функцию .toggle() прописать значение?

Question

[freeman0204]

Почему не работает .val() если в функцию .toggle() прописать значение? Код.

Answer 1

[romy4]

для того, что бы корректно работало у toggle есть специальный хендлер вторым параметром для состояния, когда анимация завершена.

видать is() вызывает в тот момент, когда анимация ещё не завершилась, а состояние ещё или уже !visible

Comments

[freeman0204]

".toggle(handler1(eventObject), handler2(eventObject), [handler3(eventObject)]):jQueryv:1.0
Поочередно выполняет одну из двух или более заданных функций handler, в ответ на "клик" по элементу."
Что то не пойму синтаксис как прописать?

[romy4]

Артур Черешнюк: у toggle есть два синтаксиса. вы плохо доку читали.

.toggle('slow',function(){ if ( $(this).is(":visible") ) {...} });

отлично отрабатывает по логике. проверено на вашем коде

Answer 2

[Sergey]

$(function(){
  $('#btn').click(function() {
    $('.container').toggle("slow");
      if($(this).val() == "Show") {
        $('#btn').val("Hide");
      } else {
        $('#btn').val("Show");
      }
    });
});