Скрыть div с функцией анимации непрозрачности

Question

Скрыть div с функцией анимации непрозрачности

0

Я пытаюсь скрыть div с функцией анимации непрозрачности. В принципе, я хочу, чтобы div был скрыт при нажатии. Но я хочу, чтобы это исчезло. Ниже приведен код, который у меня есть. может ли кто-нибудь помочь?

$("#div1").click(function() {
  $(this).animate({ opacity: "0" }, 1000);
  $("div").hide();
});

Кроме того, лучше ли использовать функцию fadeOut вместо анимационной непрозрачности?

kcrocks 11 нояб. 2013, в 18:17

Источник

0

Да, лучше использовать встроенную функцию fadeOut так как ваш код не будет ждать завершения анимации, прежде чем скрывать элемент. Операторы будут выполняться как можно быстрее друг за другом. «Ожидание» завершения анимации требует подключения функции обратного вызова в конце анимации, которая затем скрывает элемент, о котором все уже заботится во встроенной функции.
andyb 11 нояб. 2013, в 17:09

Теги:

javascript

jquery

3 ответа

1

Попробуйте этот JSFIDDLE

$("#div1").click(function() {
    $(this).animate({ opacity: "0" }, 1000, function(){
        $(this).hide();
    });

});

Также вы можете использовать .fadeout(1000). чтобы получить такое же поведение.

Anoop 11 нояб. 2013, в 15:30

1

Почему вы используете это вместо .fadeOut() ?
jfriend00 11 нояб. 2013, в 17:09
0

@ jfriend00 Я только что исправил код операции. Вы можете использовать FadeOut
Anoop 11 нояб. 2013, в 17:10
0

спасибо вам обоим! :)
kcrocks 11 нояб. 2013, в 19:57

Показать ещё 1 комментарий

0

Вы можете использовать API.fadeOut() для этого,

$("#div1").click(function() {

   $(this).fadOut(1000);

});

Prasanth K C 11 нояб. 2013, в 15:59

0

Да, это работает! благодарю вас!
kcrocks 11 нояб. 2013, в 19:58

Ещё вопросы

Да, лучше использовать встроенную функцию fadeOut так как ваш код не будет ждать завершения анимации, прежде чем скрывать элемент. Операторы будут выполняться как можно быстрее друг за другом. «Ожидание» завершения анимации требует подключения функции обратного вызова в конце анимации, которая затем скрывает элемент, о котором все уже заботится во встроенной функции.
Почему вы используете это вместо .fadeOut() ?
@ jfriend00 Я только что исправил код операции. Вы можете использовать FadeOut

jfriend00 · Accepted Answer · 2013-11-11T14-54-00.000Z

fadeOut() проще, потому что он автоматически скроет его для вас, когда это будет сделано, чтобы вы могли сохранить этот код, и он автоматически ожидает анимацию, прежде чем скрывать элемент (что-то не было в вашем текущем коде).

$("#div1").click(function() {
  $(this).fadeOut(1000);
});