jQuery .show () .hide () проблемы с анимацией

Question

При вызове функций show () или hide () анимация всегда воспроизводится дважды для меня.Здесь гораздо проще понять .

Вторая проблема, связанная с тем, что анимация скрытия будет воспроизводиться, даже если объект уже скрыт (выберите первый вариант из раскрывающегосязатем выберите второй вариант).

Answer 1

Я думаю, что проблема в том, что у вас есть сценарий установки внутри диалогового окна <div>.Переместите этот код вниз к сценарию в нижней части страницы, и он должен работать лучше.

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

Answer 2

Ну, я не знаю, правильно ли я сохранил это в JS Bin, но здесь все сказано: http://jsbin.com/umira4/19/edit

Надеюсь, это то, что вы искали

Answer 3

Как сказал Аарон, в jQuery есть некоторые функции, которые позаботятся о автоматическом переключении отображения входов. Я думаю, что вы ищете это slideToggle () .

Не совсем уверен, в чем проблема, но когда вы очищаете свой JS в отдельный файл и используете метод slideToggle, похоже, он работает нормально.

Вот что у меня сработало: http://jsbin.com/umira4/20/edit

Answer 4

Взгляните на .toggle (showOrHide), http://api.jquery.com/toggle/

Это автоматически обработает вас.